jQuery in Action
162
CHAPTER 6
jQuery utility functions
border widths; in the traditional box model, the values include padding and bor-
der width.
der width.
Let's say that we have an element with the following styles applied:
{
width: 180px;
height: 72px;
padding: 10px;
border-width: 5px;
}
The different ways that the box models interpret the sizing of the element is dia-
grammed in figure 6.2.
grammed in figure 6.2.
Figure 6.2 The W3C box model excludes padding and border measurements from
the width of an element, whereas the Internet Explorer model doesn't.
the width of an element, whereas the Internet Explorer model doesn't.