Rico JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Rico
  4. Rico Corner - using color names





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 -  using color names


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}