this computation is floored at 0.

Used values, as exposed for instance through {{getComputedStyle()}}, also refer to the padding box.

<dd>Length and percentages values for width and height (and respective min/max properties)

on this element determine the border box of the element.

That is, any padding or border specified on the element

Note: In contrast to the length and percentage values,

(as well as other keyword values introduced by later specifications,

unless otherwise specified)

is not influenced by the 'box-sizing' property,

The <a href="http://www.w3.org/TR/CSS21/visudet.html">Visual formatting model details</a> of [[!CSS21]] are written assuming ''box-sizing: content-box''. The following disambiguations are made to clarify the behavior for all values of 'box-sizing':

<li>In <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">10.3.7</a>, <q>width</q> is to be interpreted as <a spec="css21">content width</a> in the following equation: <q>'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + [...]</q>

<tr><th>Inherited:</th><td>no</td></tr>

<tr><th>Percentages:</th><td>N/A</td></tr>

<tr><th>Media:</th><td>visual</td></tr>

<tr><th>Animatable:</th><td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a></td></tr>

([[!CSS3BG]],

<a href="http://www.w3.org/TR/css3-background/#the-border-style">Section 4.2</a>),

except that

In addition, in CSS3,

to render a custom outline style,

typically a style which is either a user interface default for the platform,

or perhaps a style that is richer

As such, this specification does not define how the

is incorporated or used (if at all) when rendering

''solid''.

The 'outline-color' property

If the UA does not support the ''invert'' value

then it must reject that value at parse-time, and

the initial value of the 'outline-color' property

The 'outline' property is a shorthand property,

and sets all three of 'outline-style',

Currently it is possible to control the appearance of the scrolling mechanism (if any)

on an element using the 'overflow' property

The purpose of the 'resize' property

is to also allow control over the appearance and function of the resizing mechanism

(e.g. a resize box or widget) on the element.

the user agent sets

the 'width' and 'height' properties

to px unit length values of the size indicated by the user,

replacing existing property declaration(s) if any,

without ''!important'' if any.

Note: There may be situations where user attempts to resize an element

to appear to be overriden or ignored, e.g. because of ''!important'' cascading declarations that supersede

'width' and 'height' properties in the DOM.

Changes to the computed value of an element's 'resize' property

user resizing of that element.

<div class="example"><p style="display:none">Example(s):

other than ''visible''.

Text can overflow for example when it is prevented from wrapping

or a single word is too long to fit).

Values have the following meanings:

Note: the side of the line that the ellipsis is placed depends on the 'direction' of the block.

E.g. an overflow hidden right-to-left

(<code class="lang-css">direction: rtl</code>)

to represent that clipped content.

<!-- insert RTL example diagram here to illustrate note. -->

E.g. on platforms that do not have a concept of a ''context-menu'' cursor,

the UA may render ''default'' or whatever is appropriate.

<tr><th>Inherited:</th><td>no</td></tr>

<tr><th>Percentages:</th><td>N/A</td></tr>

<tr><th>Media:</th><td>interactive</td></tr>

<tr><th>Animatable:</th><td>no</td></tr>

user agents should allow configuration of which keys on a keyboard are used for directional navigation.

Here is an example of buttons positioned in a diamond shape

whose directional focus navigation is set in such a way

Moving the focus to an element in a specific frame requires both the element's id and the frame's name.