Using jQuery CSS Functions

CSS has historically been one of the areas of big difference between browsers. jQuery provides a set of cross=browser functions for working with CSS values that commonly appear in different situations.

• width() and height(): get or set the width or height property of an element
• innerWidth() and innerHeight(): get or set the inner width/height
• outerWidth() and outerHeight: get or set the outer width/height
• offset(): get the coordinates of an element relative to the document
• position(): get the coordinates of an element relative to the offset parent