cubicweb logo

This Page

jquery.corner.jsΒΆ

The corner() method provides a simple way of styling DOM elements.

corner() takes a single string argument: $().corner(“effect corners width”)

effect: The name of the effect to apply, such as round or bevel.
If you don’t specify an effect, rounding is used.
corners: The corners can be one or more of top, bottom, tr, tl, br, or bl.
By default, all four corners are adorned.
width: The width specifies the width of the effect; in the case of rounded corners this
will be the radius of the width. Specify this value using the px suffix such as 10px, and yes it must be pixels.

For more details see: http://methvin.com/jquery/jq-corner.html For a full demo see: http://malsup.com/jquery/corner/

@example $(‘.adorn’).corner(); @desc Create round, 10px corners

@example $(‘.adorn’).corner(“25px”); @desc Create round, 25px corners

@example $(‘.adorn’).corner(“notch bottom”); @desc Create notched, 10px corners on bottom only

@example $(‘.adorn’).corner(“tr dog 25px”); @desc Create dogeared, 25px corner on the top-right corner only

@example $(‘.adorn’).corner(“round 8px”).parent().css(‘padding’, ‘4px’).corner(“round 10px”); @desc Create a rounded border effect by styling both the element and its parent

@name corner @type jQuery @param String options Options which control the corner style @cat Plugins/Corner @return jQuery @author Dave Methvin (dave.methvin@gmail.com) @author Mike Alsup (malsup@gmail.com)