Rico.Corner
Rico.loadModule('Corner');
Rico.onLoad( function() {
var roundCorners = Rico.Corner.round.bind(Rico.Corner);
roundCorners('a0');
roundCorners('a',{compact:true});
roundCorners('b',{blend:false});
roundCorners('c',{blend:false,compact:true});
roundCorners('d',{corners:"tl"});
roundCorners('e',{corners:"br"});
roundCorners('f',{corners:"top"});
roundCorners('g',{corners:"bottom"});
roundCorners('h',{corners:"tl br"});
roundCorners('i',{corners:"all", color: "transparent"});
roundCorners('j',{corners:"all", compact:true, color: "transparent"});
});
h1 {
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 16pt;
}
span.code {
font-family : fixed;
font-size : 11px;
color : #4b4b4b;
}
span.codeTitle {
font-family : Courier;
font-size : 12px;
}
span.code2 {
font-family : Courier;
font-size : 11px;
margin : 12px;
}
span.code3 {
display : block;
font-family : Courier;
font-size : 11px;
padding-left : 12px;
}
div.cornerSamples {
width : 320px;
margin-top : 4px;
background-color : #ffffee;
font-family : Arial;
font-size : 11px;
text-align : left;
}
body, p {
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size : 11px;
}
Rico.Corner - without borders
Rico.Corner.round(element);
Rico.Corner.round(element, {compact:true});
Rico.Corner.round(element, {blend:false});
Rico.Corner.round(element, {blend:false,compact:true});
Rico.Corner.round(element, {corners:"tl"});
Rico.Corner.round(element, {corners:"br"});
Rico.Corner.round(element, {corners:"top"});
Rico.Corner.round(element, {corners:"bottom"});
Rico.Corner.round(element, {corners:"tl br"});
Rico.Corner.round(element, {color:"transparent"}
Rico.Corner.round(element, {color:"transparent",compact:true}