CSS2.1 Conformance Test Suite

Chapter 8 - Box model (2053 tests)

Test Flags
8 Box model
8.1 Box dimensions
Margin backgrounds and transparency
  • Margins do not have a background, but show the content below them.
Margin, border, padding all display outside the content area
  • Margin, border, padding render outside the content area.
A
Margin, border, padding all display outside the image area
  • Margin, border, padding render outside the image area.
AG
Margin, border, padding all display outside the object area
  • Margin, border, padding render outside the object area.
AG
8.2 Example of margins, padding, and borders
8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'
Margin set using a single value
  • The 'margin' property set using a single value properly assigns the same value to all sides.
Margin set to using two values
  • The 'margin' property set using two values properly assigns the first value to the top and bottom margins and the second value to the left and right margins.
Margin set to using three values
  • The 'margin' property set using three values properly assigns the first value to the top margin, the second value to the left and right margins, and the third value to the bottom margin.
Margin set to using four values
  • The 'margin' property set using three values properly assigns the first value to the top margin, the second value to the left margin, the third value to the bottom margin, and the fourth value to the right margin.
Margin with a value of 'auto'
  • The 'margin' property with a value of 'auto' correctly sizes the margin.
Margin set to 'inherit', inheriting only one value
  • The 'margin' property set to 'inherit', inherits one value from the parent element.
Margin set to 'inherit', inheriting two values
  • The 'margin' property set to 'inherit', inherits two values from the parent element.
Margin set to 'inherit', inheriting three values
  • The 'margin' property set to 'inherit', inherits three values from the parent element.
Margin set to 'inherit', inheriting four values
  • The 'margin' property set to 'inherit', inherits four values from the parent element.
Margin applied to element with display table-row-group
  • The 'Margin' property does not apply to elements with a display of table-row-group.
Margin applied to element with display table-header-group
  • The 'Margin' property does not apply to elements with a display of table-header-group.
Margin applied to element with display table-footer-group
  • The 'Margin' property does not apply to elements with a display of table-footer-group.
Margin applied to element with display table-row
  • The 'Margin' property does not apply to elements with a display of table-row.
Margin applied to element with display table-column-group
  • The 'Margin' property does not apply to elements with a display of table-column-group.
Margin applied to element with display table-column
  • The 'Margin' property does not apply to elements with a display of table-column.
Margin applied to element with display table-cell
  • The 'Margin' property applies to elements with a display of table-cell.
Margin applied to element with display inline
  • The 'Margin' property applies to elements with a display of inline.
Margin applied to element with display block
  • The 'Margin' property applies to elements with a display of block.
Margin applied to element with display list-item
  • The 'Margin' property applies to elements with a display of list-item.
Margin applied to element with display run-in
  • The 'Margin' property applies to elements with a display of run-in.
Margin applied to element with display inline-block
  • The 'Margin' property applies to elements with a display of inline-block.
Margin applied to element with display table
  • The 'Margin' property applies to elements with a display of table.
Margin applied to element with display inline-table
  • The 'Margin' property applies to elements with a display of inline-table.
Margin applied to element with display table-caption
  • The 'Margin' property applies to elements with a display of table-caption.
Margin-bottom using pixels with a negative zero value, -0px
  • The 'margin-bottom' property sets a negative zero length value in pixels.
Margin-bottom using pixels with a zero value, 0px
  • The 'margin-bottom' property sets a zero length value in pixels.
Margin-bottom using pixels with a positive zero value, +0px
  • The 'margin-bottom' property sets a positive zero length value in pixels.
Margin-bottom using pixels with a nominal value, 96px
  • The 'margin-bottom' property sets a nominal length value in pixels.
Margin-bottom using pixels with a nominal value with a plus sign, +96px
  • The 'margin-bottom' property sets a nominal length value in pixels with a plus sign.
Margin-bottom using points with a negative zero value, -0pt
  • The 'margin-bottom' property sets a negative zero length value in points.
Margin-bottom using points with a zero value, 0pt
  • The 'margin-bottom' property sets a zero length value in points.
Margin-bottom using points with a positive zero value, +0pt
  • The 'margin-bottom' property sets a positive zero length value in points.
Margin-bottom using points with a nominal value, 72pt
  • The 'margin-bottom' property sets a nominal length value in points.
Margin-bottom using points with a nominal value with a plus sign, +72pt
  • The 'margin-bottom' property sets a nominal length value in points with a plus sign.
Margin-bottom using picas with a negative zero value, -0pc
  • The 'margin-bottom' property sets a negative zero length value in picas.
Margin-bottom using picas with a zero value, 0pc
  • The 'margin-bottom' property sets a zero length value in picas.
Margin-bottom using picas with a positive zero value, +0pc
  • The 'margin-bottom' property sets a positive zero length value in picas.
Margin-bottom using picas with a nominal value, 6pc
  • The 'margin-bottom' property sets a nominal length value in picas.
Margin-bottom using picas with a nominal value with a plus sign, +6pc
  • The 'margin-bottom' property sets a nominal length value in picas with a plus sign.
Margin-bottom using centimeters with a negative zero value, -0cm
  • The 'margin-bottom' property sets a negative zero length value in centimeters.
Margin-bottom using centimeters with a zero value, 0cm
  • The 'margin-bottom' property sets a zero length value in centimeters.
Margin-bottom using centimeters with a positive zero value, +0cm
  • The 'margin-bottom' property sets a positive zero length value in centimeters.
Margin-bottom using centimeters with a nominal value, 2.54cm
  • The 'margin-bottom' property sets a nominal length value in centimeters.
Margin-bottom using centimeters with a nominal value with a plus sign, +2.54cm
  • The 'margin-bottom' property sets a nominal length value in centimeters with a plus sign.
Margin-bottom using millimeters with a negative zero value, -0mm
  • The 'margin-bottom' property sets a negative zero length value in millimeters.
Margin-bottom using millimeters with a zero value, 0mm
  • The 'margin-bottom' property sets a zero length value in millimeters.
Margin-bottom using millimeters with a positive zero value, +0mm
  • The 'margin-bottom' property sets a positive zero length value in millimeters.
Margin-bottom using millimeters with a nominal value, 25.4mm
  • The 'margin-bottom' property sets a nominal length value in millimeters.
Margin-bottom using millimeters with a nominal value with a plus sign, +25.4mm
  • The 'margin-bottom' property sets a nominal length value in millimeters with a plus sign.
Margin-bottom using inches with a negative zero value, -0in
  • The 'margin-bottom' property sets a negative zero length value in inches.
Margin-bottom using inches with a zero value, 0in
  • The 'margin-bottom' property sets a zero length value in inches.
Margin-bottom using inches with a positive zero value, +0in
  • The 'margin-bottom' property sets a positive zero length value in inches.
Margin-bottom using inches with a nominal value, 1in
  • The 'margin-bottom' property sets a nominal length value in inches.
Margin-bottom using inches with a nominal value with a plus sign, +1in
  • The 'margin-bottom' property sets a nominal length value in inches with a plus sign.
Margin-bottom using 'em' units with a negative zero value, -0em
  • The 'margin-bottom' property sets a negative zero length value in 'em' units.
Margin-bottom using 'em' units with a zero value, 0em
  • The 'margin-bottom' property sets a zero length value in 'em' units.
Margin-bottom using 'em' units with a positive zero value, +0em
  • The 'margin-bottom' property sets a positive zero length value in 'em' units.
Margin-bottom using 'em' units with a nominal value, 6em
  • The 'margin-bottom' property sets a nominal length value in 'em' units.
A
Margin-bottom using 'em' units with a nominal value with a plus sign, +6em
  • The 'margin-bottom' property sets a nominal length value in 'em' units with a plus sign.
A
Margin-bottom using 'ex' units with a negative zero value, -0ex
  • The 'margin-bottom' property sets a negative zero length value in 'ex' units.
Margin-bottom using 'ex' units with a zero value, 0ex
  • The 'margin-bottom' property sets a zero length value in 'ex' units.
Margin-bottom using 'ex' units with a positive zero value, +0ex
  • The 'margin-bottom' property sets a positive zero length value in 'ex' units.
Margin-bottom using 'ex' units with a nominal value, 7.5ex
  • The 'margin-bottom' property sets a nominal length value in 'ex' units.
A
Margin-bottom using 'ex' units with a nominal value with a plus sign, +7.5ex
  • The 'margin-bottom' property sets a nominal length value in 'ex' units with a plus sign.
A
Margin-bottom using percentages with a negative zero value, -0%
  • The 'margin-bottom' property sets a negative zero length value in percentages.
Margin-bottom using percentages with a zero value, 0%
  • The 'margin-bottom' property sets a zero length value in percentages.
Margin-bottom using percentages with a positive zero value, +0%
  • The 'margin-bottom' property sets a positive zero length value in percentages.
Margin-bottom using percentages with a nominal value, 50%
  • The 'margin-bottom' property sets a nominal length value in percentages.
Margin-bottom using percentages with a nominal value with a plus sign, +50%
  • The 'margin-bottom' property sets a nominal length value in percentages with a plus sign.
Margin-bottom sets a negative zero value with no units, -0
  • The 'margin-bottom' property sets a negative zero length value with no units.
Margin-bottom sets a zero value with no units, 0
  • The 'margin-bottom' property sets a zero length value with no units.
Margin-bottom sets a positive zero value with no units, +0
  • The 'margin-bottom' property sets a positive zero length value with no units.
Margin-bottom with a value of 'auto'
  • The 'margin-bottom' property sets a value of 'auto'.
Margin-bottom with a value of 'inherit'
  • The 'margin-bottom' property sets a value of 'inherit'.
Margin-bottom applied to element with display table-row-group
  • The 'margin-bottom' property does not apply to elements with a display of table-row-group.
Margin-bottom applied to element with display table-header-group
  • The 'margin-bottom' property does not apply to elements with a display of table-header-group.
Margin-bottom applied to element with display table-footer-group
  • The 'margin-bottom' property does not apply to elements with a display of table-footer-group.
Margin-bottom applied to element with display table-row
  • The 'margin-bottom' property does not apply to elements with a display of table-row.
Margin-bottom applied to element with display table-column-group
  • The 'margin-bottom' property does not apply to elements with a display of table-column-group.
Margin-bottom applied to element with display table-column
  • The 'margin-bottom' property does not apply to elements with a display of table-column.
Margin-bottom applied to element with display table-cell
  • The 'margin-bottom' property applies to elements with a display of table-cell.
Margin-bottom applied to element with display inline
  • The 'margin-bottom' property applies to elements with a display of inline.
A
Margin-bottom applied to element with display block
  • The 'margin-bottom' property applies to elements with a display of block.
Margin-bottom applied to element with display list-item
  • The 'margin-bottom' property applies to elements with a display of list-item.
Margin-bottom applied to element with display run-in
  • The 'margin-bottom' property applies to elements with a display of run-in.
Margin-bottom applied to element with display inline-block
  • The 'margin-bottom' property applies to elements with a display of inline-block.
Margin-bottom applied to element with display table
  • The 'margin-bottom' property applies to elements with a display of table.
Margin-bottom applied to element with display inline-table
  • The 'margin-bottom' property applies to elements with a display of inline-table.
Margin-bottom applied to element with display table-caption
  • The 'margin-bottom' property applies to elements with a display of table-caption.
Margin on non-replaced inline elements
  • Non-replaced inline elements do not apply vertical margins.
Margin-top and margin-bottom on inline elements
  • Applying margin-top and margin-bottom to an inline element has no effect.
Margin-left using pixels with a negative zero value, -0px
  • The 'margin-left' property sets a negative zero length value in pixels.
Margin-left using pixels with a zero value, 0px
  • The 'margin-left' property sets a zero length value in pixels.
Margin-left using pixels with a positive zero value, +0px
  • The 'margin-left' property sets a positive zero length value in pixels.
Margin-left using pixels with a nominal value, 96px
  • The 'margin-left' property sets a nominal length value in pixels.
Margin-left using pixels with a nominal value with a plus sign, +96px
  • The 'margin-left' property sets a nominal length value in pixels with a plus sign.
Margin-left using points with a negative zero value, -0pt
  • The 'margin-left' property sets a negative zero length value in points.
Margin-left using points with a zero value, 0pt
  • The 'margin-left' property sets a zero length value in points.
Margin-left using points with a positive zero value, +0pt
  • The 'margin-left' property sets a positive zero length value in points.
Margin-left using points with a nominal value, 72pt
  • The 'margin-left' property sets a nominal length value in points.
Margin-left using points with a nominal value with a plus sign, +72pt
  • The 'margin-left' property sets a nominal length value in points with a plus sign.
Margin-left using picas with a negative zero value, -0pc
  • The 'margin-left' property sets a negative zero length value in picas.
Margin-left using picas with a zero value, 0pc
  • The 'margin-left' property sets a zero length value in picas.
Margin-left using picas with a positive zero value, +0pc
  • The 'margin-left' property sets a positive zero length value in picas.
Margin-left using picas with a nominal value, 6pc
  • The 'margin-left' property sets a nominal length value in picas.
Margin-left using picas with a nominal value with a plus sign, +6pc
  • The 'margin-left' property sets a nominal length value in picas with a plus sign.
Margin-left using centimeters with a negative zero value, -0cm
  • The 'margin-left' property sets a negative zero length value in centimeters.
Margin-left using centimeters with a zero value, 0cm
  • The 'margin-left' property sets a zero length value in centimeters.
Margin-left using centimeters with a positive zero value, +0cm
  • The 'margin-left' property sets a positive zero length value in centimeters.
Margin-left using centimeters with a nominal value, 2.54cm
  • The 'margin-left' property sets a nominal length value in centimeters.
Margin-left using centimeters with a nominal value with a plus sign, +2.54cm
  • The 'margin-left' property sets a nominal length value in centimeters with a plus sign.
Margin-left using millimeters with a negative zero value, -0mm
  • The 'margin-left' property sets a negative zero length value in millimeters.
Margin-left using millimeters with a zero value, 0mm
  • The 'margin-left' property sets a zero length value in millimeters.
Margin-left using millimeters with a positive zero value, +0mm
  • The 'margin-left' property sets a positive zero length value in millimeters.
Margin-left using millimeters with a nominal value, 25.4mm
  • The 'margin-left' property sets a nominal length value in millimeters.
Margin-left using millimeters with a nominal value with a plus sign, +25.4mm
  • The 'margin-left' property sets a nominal length value in millimeters with a plus sign.
Margin-left using inches with a negative zero value, -0in
  • The 'margin-left' property sets a negative zero length value in inches.
Margin-left using inches with a zero value, 0in
  • The 'margin-left' property sets a zero length value in inches.
Margin-left using inches with a positive zero value, +0in
  • The 'margin-left' property sets a positive zero length value in inches.
Margin-left using inches with a nominal value, 1in
  • The 'margin-left' property sets a nominal length value in inches.
Margin-left using inches with a nominal value with a plus sign, +1in
  • The 'margin-left' property sets a nominal length value in inches with a plus sign.
Margin-left using 'em' units with a negative zero value, -0em
  • The 'margin-left' property sets a negative zero length value in 'em' units.
A
Margin-left using 'em' units with a zero value, 0em
  • The 'margin-left' property sets a zero length value in 'em' units.
A
Margin-left using 'em' units with a positive zero value, +0em
  • The 'margin-left' property sets a positive zero length value in 'em' units.
A
Margin-left using 'em' units with a nominal value, 6em
  • The 'margin-left' property sets a nominal length value in 'em' units.
A
Margin-left using 'em' units with a nominal value with a plus sign, +6em
  • The 'margin-left' property sets a nominal length value in 'em' units with a plus sign.
A
Margin-left using 'ex' units with a negative zero value, -0ex
  • The 'margin-left' property sets a negative zero length value in 'ex' units.
A
Margin-left using 'ex' units with a zero value, 0ex
  • The 'margin-left' property sets a zero length value in 'ex' units.
A
Margin-left using 'ex' units with a positive zero value, +0ex
  • The 'margin-left' property sets a positive zero length value in 'ex' units.
A
Margin-left using 'ex' units with a nominal value, 7.5ex
  • The 'margin-left' property sets a nominal length value in 'ex' units.
A
Margin-left using 'ex' units with a nominal value with a plus sign, +7.5ex
  • The 'margin-left' property sets a nominal length value in 'ex' units with a plus sign.
A
Margin-left using percentages with a negative zero value, -0%
  • The 'margin-left' property sets a negative zero length value in percentages.
Margin-left using percentages with a zero value, 0%
  • The 'margin-left' property sets a zero length value in percentages.
Margin-left using percentages with a positive zero value, +0%
  • The 'margin-left' property sets a positive zero length value in percentages.
Margin-left using percentages with a nominal value, 50%
  • The 'margin-left' property sets a nominal length value in percentages.
Margin-left using percentages with a nominal value with a plus sign, +50%
  • The 'margin-left' property sets a nominal length value in percentages with a plus sign.
Margin-left sets a negative zero value with no units, -0
  • The 'margin-left' property sets a negative zero length value with no units.
Margin-left sets a zero value with no units, 0
  • The 'margin-left' property sets a zero length value with no units.
Margin-left sets a positive zero value with no units, +0
  • The 'margin-left' property sets a positive zero length value with no units.
Margin-left with a value of 'auto'
  • The 'margin-left' property sets a value of 'auto'.
Margin-left with a value of 'inherit'
  • The 'margin-left' property sets a value of 'inherit'.
Margin-left applied to element with display table-row-group
  • The 'margin-left' property does not apply to elements with a display of table-row-group.
Margin-left applied to element with display table-header-group
  • The 'margin-left' property does not apply to elements with a display of table-header-group.
Margin-left applied to element with display table-footer-group
  • The 'margin-left' property does not apply to elements with a display of table-footer-group.
Margin-left applied to element with display table-row
  • The 'margin-left' property does not apply to elements with a display of table-row.
Margin-left applied to element with display table-column-group
  • The 'margin-left' property does not apply to elements with a display of table-column-group.
Margin-left applied to element with display table-column
  • The 'margin-left' property does not apply to elements with a display of table-column.
Margin-left applied to element with display table-cell
  • The 'margin-left' property applies to elements with a display of table-cell.
Margin-left applied to element with display inline
  • The 'margin-left' property applies to elements with a display of inline.
Margin-left applied to element with display block
  • The 'margin-left' property applies to elements with a display of block.
Margin-left applied to element with display list-item
  • The 'margin-left' property applies to elements with a display of list-item.
Margin-left applied to element with display run-in
  • The 'margin-left' property applies to elements with a display of run-in.
Margin-left applied to element with display inline-block
  • The 'margin-left' property applies to elements with a display of inline-block.
Margin-left applied to element with display table
  • The 'margin-left' property applies to elements with a display of table.
Margin-left applied to element with display inline-table
  • The 'margin-left' property applies to elements with a display of inline-table.
Margin-left applied to element with display table-caption
  • The 'margin-left' property applies to elements with a display of table-caption.
Margin with percentage determined by containing block
  • Potential circular reference cannot cause the user agent to crash or hang.
Margin-right using pixels with a negative zero value, -0px
  • The 'margin-right' property sets a negative zero length value in pixels.
Margin-right using pixels with a zero value, 0px
  • The 'margin-right' property sets a zero length value in pixels.
Margin-right using pixels with a positive zero value, +0px
  • The 'margin-right' property sets a positive zero length value in pixels.
Margin-right using pixels with a nominal value, 96px
  • The 'margin-right' property sets a nominal length value in pixels.
Margin-right using pixels with a nominal value with a plus sign, +96px
  • The 'margin-right' property sets a nominal length value in pixels with a plus sign.
Margin-right using points with a negative zero value, -0pt
  • The 'margin-right' property sets a negative zero length value in points.
Margin-right using points with a zero value, 0pt
  • The 'margin-right' property sets a zero length value in points.
Margin-right using points with a positive zero value, +0pt
  • The 'margin-right' property sets a positive zero length value in points.
Margin-right using points with a nominal value, 72pt
  • The 'margin-right' property sets a nominal length value in points.
Margin-right using points with a nominal value with a plus sign, +72pt
  • The 'margin-right' property sets a nominal length value in points with a plus sign.
Margin-right using picas with a negative zero value, -0pc
  • The 'margin-right' property sets a negative zero length value in picas.
Margin-right using picas with a zero value, 0pc
  • The 'margin-right' property sets a zero length value in picas.
Margin-right using picas with a positive zero value, +0pc
  • The 'margin-right' property sets a positive zero length value in picas.
Margin-right using picas with a nominal value, 6pc
  • The 'margin-right' property sets a nominal length value in picas.
Margin-right using picas with a nominal value with a plus sign, +6pc
  • The 'margin-right' property sets a nominal length value in picas with a plus sign.
Margin-right using centimeters with a negative zero value, -0cm
  • The 'margin-right' property sets a negative zero length value in centimeters.
Margin-right using centimeters with a zero value, 0cm
  • The 'margin-right' property sets a zero length value in centimeters.
Margin-right using centimeters with a positive zero value, +0cm
  • The 'margin-right' property sets a positive zero length value in centimeters.
Margin-right using centimeters with a nominal value, 2.54cm
  • The 'margin-right' property sets a nominal length value in centimeters.
Margin-right using centimeters with a nominal value with a plus sign, +2.54cm
  • The 'margin-right' property sets a nominal length value in centimeters with a plus sign.
Margin-right using millimeters with a negative zero value, -0mm
  • The 'margin-right' property sets a negative zero length value in millimeters.
Margin-right using millimeters with a zero value, 0mm
  • The 'margin-right' property sets a zero length value in millimeters.
Margin-right using millimeters with a positive zero value, +0mm
  • The 'margin-right' property sets a positive zero length value in millimeters.
Margin-right using millimeters with a nominal value, 25.4mm
  • The 'margin-right' property sets a nominal length value in millimeters.
Margin-right using millimeters with a nominal value with a plus sign, +25.4mm
  • The 'margin-right' property sets a nominal length value in millimeters with a plus sign.
Margin-right using inches with a negative zero value, -0in
  • The 'margin-right' property sets a negative zero length value in inches.
Margin-right using inches with a zero value, 0in
  • The 'margin-right' property sets a zero length value in inches.
Margin-right using inches with a positive zero value, +0in
  • The 'margin-right' property sets a positive zero length value in inches.
Margin-right using inches with a nominal value, 1in
  • The 'margin-right' property sets a nominal length value in inches.
Margin-right using inches with a nominal value with a plus sign, +1in
  • The 'margin-right' property sets a nominal length value in inches with a plus sign.
Margin-right using 'em' units with a negative zero value, -0em
  • The 'margin-right' property sets a negative zero length value in 'em' units.
A
Margin-right using 'em' units with a zero value, 0em
  • The 'margin-right' property sets a zero length value in 'em' units.
A
Margin-right using 'em' units with a positive zero value, +0em
  • The 'margin-right' property sets a positive zero length value in 'em' units.
A
Margin-right using 'em' units with a nominal value, 6em
  • The 'margin-right' property sets a nominal length value in 'em' units.
A
Margin-right using 'em' units with a nominal value with a plus sign, +6em
  • The 'margin-right' property sets a nominal length value in 'em' units with a plus sign.
A
Margin-right using 'ex' units with a negative zero value, -0ex
  • The 'margin-right' property sets a negative zero length value in 'ex' units.
A
Margin-right using 'ex' units with a zero value, 0ex
  • The 'margin-right' property sets a zero length value in 'ex' units.
A
Margin-right using 'ex' units with a positive zero value, +0ex
  • The 'margin-right' property sets a positive zero length value in 'ex' units.
A
Margin-right using 'ex' units with a nominal value, 7.5ex
  • The 'margin-right' property sets a nominal length value in 'ex' units.
A
Margin-right using 'ex' units with a nominal value with a plus sign, +7.5ex
  • The 'margin-right' property sets a nominal length value in 'ex' units with a plus sign.
A
Margin-right using percentages with a negative zero value, -0%
  • The 'margin-right' property sets a negative zero length value in percentages.
Margin-right using percentages with a zero value, 0%
  • The 'margin-right' property sets a zero length value in percentages.
Margin-right using percentages with a positive zero value, +0%
  • The 'margin-right' property sets a positive zero length value in percentages.
Margin-right using percentages with a nominal value, 50%
  • The 'margin-right' property sets a nominal length value in percentages.
Margin-right using percentages with a nominal value with a plus sign, +50%
  • The 'margin-right' property sets a nominal length value in percentages with a plus sign.
Margin-right sets a negative zero value with no units, -0
  • The 'margin-right' property sets a negative zero length value with no units.
Margin-right sets a zero value with no units, 0
  • The 'margin-right' property sets a zero length value with no units.
Margin-right sets a positive zero value with no units, +0
  • The 'margin-right' property sets a positive zero length value with no units.
Margin-right with a value of 'auto'
  • The 'margin-right' property sets a value of 'auto'.
Margin-right with a value of 'inherit'
  • The 'margin-right' property sets a value of 'inherit'.
Margin-right applied to element with display table-row-group
  • The 'margin-right' property does not apply to elements with a display of table-row-group.
Margin-right applied to element with display table-header-group
  • The 'margin-right' property does not apply to elements with a display of table-header-group.
Margin-right applied to element with display table-footer-group
  • The 'margin-right' property does not apply to elements with a display of table-footer-group.
Margin-right applied to element with display table-row
  • The 'margin-right' property does not apply to elements with a display of table-row.
Margin-right applied to element with display table-column-group
  • The 'margin-right' property does not apply to elements with a display of table-column-group.
Margin-right applied to element with display table-column
  • The 'margin-right' property does not apply to elements with a display of table-column.
Margin-right applied to element with display table-cell
  • The 'margin-right' property applies to elements with a display of table-cell.
Margin-right applied to element with display inline
  • The 'margin-right' property applies to elements with a display of inline.
Margin-right applied to element with display block
  • The 'margin-right' property applies to elements with a display of block.
Margin-right applied to element with display list-item
  • The 'margin-right' property applies to elements with a display of list-item.
Margin-right applied to element with display run-in
  • The 'margin-right' property applies to elements with a display of run-in.
Margin-right applied to element with display inline-block
  • The 'margin-right' property applies to elements with a display of inline-block.
Margin-right applied to element with display table
  • The 'margin-right' property applies to elements with a display of table.
Margin-right applied to element with display inline-table
  • The 'margin-right' property applies to elements with a display of inline-table.
Margin-right applied to element with display table-caption
  • The 'margin-right' property applies to elements with a display of table-caption.
Margin shorthand - One value application to all sides
  • Applying a single value to the margin property replicates it to all sides of the element.
G
Margin shorthand - Two values application top, bottom and left, right
  • Applying two values to the margin property applies the first value to the top and bottom and the second to the left and right.
G
Margin shorthand - Three values application top and left, right and bottom
  • Applying three values to the margin property applies the first value to the top the second value to the left and right and the third value to the bottom.
G
Margin shorthand - four values application top, left, right, bottom
  • Applying four values to the margin property applies the values top, right, bottom, left, respectively.
G
Margin-top using pixels with a negative zero value, -0px
  • The 'margin-top' property sets a negative zero length value in pixels.
Margin-top using pixels with a zero value, 0px
  • The 'margin-top' property sets a zero length value in pixels.
Margin-top using pixels with a positive zero value, +0px
  • The 'margin-top' property sets a positive zero length value in pixels.
Margin-top using pixels with a nominal value, 96px
  • The 'margin-top' property sets a nominal length value in pixels.
Margin-top using pixels with a nominal value with a plus sign, +96px
  • The 'margin-top' property sets a nominal length value in pixels with a plus sign.
Margin-top using points with a negative zero value, -0pt
  • The 'margin-top' property sets a negative zero length value in points.
Margin-top using points with a zero value, 0pt
  • The 'margin-top' property sets a zero length value in points.
Margin-top using points with a positive zero value, +0pt
  • The 'margin-top' property sets a positive zero length value in points.
Margin-top using points with a nominal value, 72pt
  • The 'margin-top' property sets a nominal length value in points.
Margin-top using points with a nominal value with a plus sign, +72pt
  • The 'margin-top' property sets a nominal length value in points with a plus sign.
Margin-top using picas with a negative zero value, -0pc
  • The 'margin-top' property sets a negative zero length value in picas.
Margin-top using picas with a zero value, 0pc
  • The 'margin-top' property sets a zero length value in picas.
Margin-top using picas with a positive zero value, +0pc
  • The 'margin-top' property sets a positive zero length value in picas.
Margin-top using picas with a nominal value, 6pc
  • The 'margin-top' property sets a nominal length value in picas.
Margin-top using picas with a nominal value with a plus sign, +6pc
  • The 'margin-top' property sets a nominal length value in picas with a plus sign.
Margin-top using centimeters with a negative zero value, -0cm
  • The 'margin-top' property sets a negative zero length value in centimeters.
Margin-top using centimeters with a zero value, 0cm
  • The 'margin-top' property sets a zero length value in centimeters.
Margin-top using centimeters with a positive zero value, +0cm
  • The 'margin-top' property sets a positive zero length value in centimeters.
Margin-top using centimeters with a nominal value, 2.54cm
  • The 'margin-top' property sets a nominal length value in centimeters.
Margin-top using centimeters with a nominal value with a plus sign, +2.54cm
  • The 'margin-top' property sets a nominal length value in centimeters with a plus sign.
Margin-top using millimeters with a negative zero value, -0mm
  • The 'margin-top' property sets a negative zero length value in millimeters.
Margin-top using millimeters with a zero value, 0mm
  • The 'margin-top' property sets a zero length value in millimeters.
Margin-top using millimeters with a positive zero value, +0mm
  • The 'margin-top' property sets a positive zero length value in millimeters.
Margin-top using millimeters with a nominal value, 25.4mm
  • The 'margin-top' property sets a nominal length value in millimeters.
Margin-top using millimeters with a nominal value with a plus sign, +25.4mm
  • The 'margin-top' property sets a nominal length value in millimeters with a plus sign.
Margin-top using inches with a negative zero value, -0in
  • The 'margin-top' property sets a negative zero length value in inches.
Margin-top using inches with a zero value, 0in
  • The 'margin-top' property sets a zero length value in inches.
Margin-top using inches with a positive zero value, +0in
  • The 'margin-top' property sets a positive zero length value in inches.
Margin-top using inches with a nominal value, 1in
  • The 'margin-top' property sets a nominal length value in inches.
Margin-top using inches with a nominal value with a plus sign, +1in
  • The 'margin-top' property sets a nominal length value in inches with a plus sign.
Margin-top using 'em' units with a negative zero value, -0em
  • The 'margin-top' property sets a negative zero length value in 'em' units.
A
Margin-top using 'em' units with a zero value, 0em
  • The 'margin-top' property sets a zero length value in 'em' units.
A
Margin-top using 'em' units with a positive zero value, +0em
  • The 'margin-top' property sets a positive zero length value in 'em' units.
A
Margin-top using 'em' units with a nominal value, 6em
  • The 'margin-top' property sets a nominal length value in 'em' units.
A
Margin-top using 'em' units with a nominal value with a plus sign, +6em
  • The 'margin-top' property sets a nominal length value in 'em' units with a plus sign.
A
Margin-top using 'ex' units with a negative zero value, -0ex
  • The 'margin-top' property sets a negative zero length value in 'ex' units.
A
Margin-top using 'ex' units with a zero value, 0ex
  • The 'margin-top' property sets a zero length value in 'ex' units.
A
Margin-top using 'ex' units with a positive zero value, +0ex
  • The 'margin-top' property sets a positive zero length value in 'ex' units.
A
Margin-top using 'ex' units with a nominal value, 7.5ex
  • The 'margin-top' property sets a nominal length value in 'ex' units.
A
Margin-top using 'ex' units with a nominal value with a plus sign, +7.5ex
  • The 'margin-top' property sets a nominal length value in 'ex' units with a plus sign.
A
Margin-top using percentages with a negative zero value, -0%
  • The 'margin-top' property sets a negative zero length value in percentages.
Margin-top using percentages with a zero value, 0%
  • The 'margin-top' property sets a zero length value in percentages.
Margin-top using percentages with a positive zero value, +0%
  • The 'margin-top' property sets a positive zero length value in percentages.
Margin-top using percentages with a nominal value, 50%
  • The 'margin-top' property sets a nominal length value in percentages.
Margin-top using percentages with a nominal value with a plus sign, +50%
  • The 'margin-top' property sets a nominal length value in percentages with a plus sign.
Margin-top sets a negative zero value with no units, -0
  • The 'margin-top' property sets a negative zero length value with no units.
Margin-top sets a zero value with no units, 0
  • The 'margin-top' property sets a zero length value with no units.
Margin-top sets a positive zero value with no units, +0
  • The 'margin-top' property sets a positive zero length value with no units.
Margin-top with a value of 'auto'
  • The 'margin-top' property sets a value of 'auto'.
Margin-top with a value of 'inherit'
  • The 'margin-top' property sets a value of 'inherit'.
Margin-top applied to element with display table-row-group
  • The 'margin-top' property does not apply to elements with a display of table-row-group.
Margin-top applied to element with display table-header-group
  • The 'margin-top' property does not apply to elements with a display of table-header-group.
Margin-top applied to element with display table-footer-group
  • The 'margin-top' property does not apply to elements with a display of table-footer-group.
Margin-top applied to element with display table-row
  • The 'margin-top' property does not apply to elements with a display of table-row.
Margin-top applied to element with display table-column-group
  • The 'margin-top' property does not apply to elements with a display of table-column-group.
Margin-top applied to element with display table-column
  • The 'margin-top' property does not apply to elements with a display of table-column.
Margin-top applied to element with display table-cell
  • The 'margin-top' property applies to elements with a display of table-cell.
Margin-top applied to element with display inline
  • The 'margin-top' property do not apply to elements with a display of inline.
A
Margin-top applied to element with display block
  • The 'margin-top' property applies to elements with a display of block.
Margin-top applied to element with display list-item
  • The 'margin-top' property applies to elements with a display of list-item.
Margin-top applied to element with display run-in
  • The 'margin-top' property applies to elements with a display of run-in.
Margin-top applied to element with display inline-block
  • The 'margin-top' property applies to elements with a display of inline-block.
Margin-top applied to element with display table
  • The 'margin-top' property applies to elements with a display of table.
Margin-top applied to element with display inline-table
  • The 'margin-top' property applies to elements with a display of inline-table.
Margin-top applied to element with display table-caption
  • The 'margin-top' property applies to elements with a display of table-caption.
margin-left - <hr> element
  • margin-left: 0 should apply to hr element since it is a block-level element
8.3.1 Collapsing margins
Margin collapsing - horizontal margins do not collapse
  • Horizontal margins of element do not collapse.
A
Margin collapsing - maximum of the two adjoining margins
  • When margins collapse the margin is the maximum of the two margin widths.
AG
Margin collapsing - negative margins adjoining positive margins
  • Negative margins deduct from the maximum of the adjoining positive margin.
Margin collapsing - negative margins deducted from zero
  • Negative margins are deducted from zero if no positive margins are adjoining.
Margin collapsing - adjoining margins of non-siblings or ancestors
  • Adjoining margin boxes generated by elements, that are not related by siblings or ancestors, collapse.
AG
Margin collapsing - floated elements do not collapse margins
  • A floated box does not collapse its margins with any other box.
AG
Margin collapsing - floated elements do not collapse margins with children
  • In-flow children of a floated element do not collapse margins.
AG
Margin collapsing and elements with 'overflow' set to 'visible'
  • Elements with 'overflow' set to 'visible' collapse margin with in-flow children.
AG
Margin collapsing and elements with 'overflow' set to 'hidden'
  • Elements with 'overflow' set to 'hidden' do not collapse margin with in-flow children.
A
Margin collapsing and elements with 'overflow' set to 'scroll'
  • Elements with 'overflow' set to 'scroll' do not collapse margin with in-flow children.
A
Margin collapsing and elements with 'overflow' set to 'auto'
  • Elements with 'overflow' set to 'auto' do not collapse margin with in-flow children.
A
Margin collapsing - absolute positioning and siblings
  • Absolutely positioned boxes do not collapse margins with siblings.
AG
Margin collapsing - absolute positioning with children elements
  • Absolutely positioned boxes do not collapse margins with any in-flow children.
AG
Margin collapsing - inline-block elements as siblings
  • Inline-block elements that are siblings do not collapse their margins.
AG
Margin collapsing - inline-block child does not collapse margins with parent
  • An element that is set in inline-block and its children set to inline-block do not collapse margins.
AG
Margin collapsing - top/bottom margins adjoining collapse through
  • When top and bottom margins are adjoining margins collapse through that element.
AG
Margin collapsing - parent edge and element edge are the same when margins collapse
  • When the margin top of a box collapses with the top margin of its parent the top edge is the same as the parent's.
Margin collapsing - element with clearance
  • An element that has clearance applied to it will not collapse its top margin with its parent's bottom margin.
AG
Margin collapsing - elements that collapse margins have to effect on positions of other elements that also have margins that are collapsing
  • Positions of elements that have been collapsed through (empty elements) have no effect on positions of other elements whose margins are being collapsed.
AG
Margin collapsing with the root element
  • For HTML pages the html element does not collapse its margins with other elements.
AG
Margin collapsing with the 'body' element
  • For HTML pages the 'body' element's margins collapse.
AG
Margin collapsing - adjoining block boxes
  • Bottom margin of an in-flow block-level element is always adjoining to the top margin of its next in-flow block-level sibling.
AG
Margin collapsing - clearance applied to sibling
  • If a block-level sibling has clearance then the bottom margin of its previous sibling will not be adjoining its top margin.
AG
Margin collapsing - in-flow block-level margin adjoining child's margin
  • When an in-flow block-level element is adjoining its in-flow block-level child's top margin and the child has no top border, top padding or clearance then collapse.
AG
Margin collapsing - in-flow block-level margins with an element 'height' of 'auto' and 'max-height' and 'min-height'
  • The bottom margin of an in-flow block-level element with a 'height' of 'auto' and a 'min-height' less than the used height of the element and a 'max-height' greater than the elements used height will adjoin the its last in-flow block-level child's bottom margin if there is no bottom padding or border. The bottom margins will then collapse.
AG
Margin collapsing - in-flow block-level margins with an element 'height' of 'auto' and 'min-height' of zero
  • An element's margins are adjoining and can collapse if the 'min-height' is zero, there are no vertical borders or padding, it has a 'height' of zero or 'auto', it has no line boxes and all of its in-flow children's margins are adjoining.
AG
Margin collapsing - bottom margin not collapse when cleared
  • When two siblings are adjoining and their margins collapse the bottom margin of the last sibling does not collapse its bottom margin with the parents bottom margin when its own margins collapse and clearance has occurred.
AG
Margin collapsing is based on used values of 'padding', 'margin' and 'border'
  • Collapsing of margins is based on the used values of 'padding', 'margin' and 'border'.
AG
Margin collapsing - position of top border edge for elements that collapse margins with parents not participating in margin collapsing
  • When margins collapse through empty elements and the parent element is not participating in margin collapsing then the position of the elements top border should be in the same position as if the element had a top border specified.
Margin collapsing - position of top border edge for elements that collapse margins with parents whose bottom margin only participates in margin collapsing
  • When margins collapse through empty elements and only the parent element's bottom margin is participating in margin collapsing then the position of the elements top border should be in the same position as if the element had a top border specified.
Margin Collapsing with Clearance
Margin Collapsing with Clearance
Margin Collapsing with Clearance
Margin Collapsing with Clearance
Margin Collapsing with Clearance
Margin Collapsing with Clearance
Margin Collapsing with Clearance
Margin Collapsing with Clearance
Margin Collapsing with Clearance
Margin Collapsing with Clearance
Margin Collapsing with Clearance
Margin Collapsing with Clearance
margin collapsing
  • The top margin of an in-flow block-level element is adjoining to its first in-flow block-level child's top margin if the element has no top border, no top padding, and the child has no clearance.
margin collapsing
  • The top margin of an in-flow block-level element is adjoining to its first in-flow block-level child's top margin if the element has no top padding. Adjoining of margin must be determined only after resolving percentage padding-top value.
margin collapsing - clear
  • Margin-top of following siblings of a block on which 'clear' has been set (to a different value than 'none') must not be substracted when calculating clearance. When an element's own margins collapse, and that element has had clearance applied to it, its top margin collapses with the adjoining margins of following siblings.
margin collapsing - clear
  • Margin-top of following siblings of a block on which 'clear' has been set (to a different value than 'none') must not be substracted when calculating clearance. When an element's own margins collapse, and that element has had clearance applied to it, its top margin collapses with the adjoining margins of following siblings.
margin collapsing - clear
  • Margin-top of following siblings of a block on which 'clear' has been set (to a different value than 'none') must not be substracted when calculating clearance. When an element's own margins collapse, and that element has had clearance applied to it, its top margin collapses with the adjoining margins of following siblings.
8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'
Padding set using a single value
  • The 'padding' property set using a single value properly assigns the same value to all sides.
Padding set using two values
  • The 'padding' property set using two values properly assigns the first value to the top and bottom padding and the second value to the left and right padding.
Padding set using three values
  • The 'padding' property set using three values properly assigns the first value to the top padding, the second value to the left and right padding, and the third value to the bottom padding.
Padding set using four values
  • The 'padding' property set using three values properly assigns the first value to the top padding, the second value to the left padding, the third value to the bottom padding, and the fourth value to the right padding.
Padding inheriting one value
  • The 'padding' property set to 'inherit' and inheriting one value.
Padding inheriting two values
  • The 'padding' property set to 'inherit' and inheriting two values.
Padding inheriting three values
  • The 'padding' property set to 'inherit' and inheriting three values.
Padding inheriting four values
  • The 'padding' property set to 'inherit' and inheriting four values.
Padding applied to element with display table-row-group
  • The 'padding' property does not apply to elements with a display of table-row-group.
Padding applied to element with display table-header-group
  • The 'padding' property does not apply to elements with a display of table-header-group.
Padding applied to element with display table-footer-group
  • The 'padding' property does not apply to elements with a display of table-footer-group.
Padding applied to element with display table-row
  • The 'padding' property does not apply to elements with a display of table-row.
Padding applied to element with display table-column-group
  • The 'padding' property does not apply to elements with a display of table-column-group.
Padding applied to element with display table-column
  • The 'padding' property does not apply to elements with a display of table-column.
Padding applied to element with display table-cell
  • The 'padding' property applies to elements with a display of table-cell.
Padding applied to element with display inline
  • The 'padding' property applies to elements with a display of inline.
Padding applied to element with display block
  • The 'padding' property applies to elements with a display of block.
Padding applied to element with display list-item
  • The 'padding' property applies to elements with a display of list-item.
Padding applied to element with display run-in
  • The 'padding' property applies to elements with a display of run-in.
Padding applied to element with display inline-block
  • The 'padding' property applies to elements with a display of inline-block.
Padding applied to element with display table
  • The 'padding' property applies to elements with a display of table.
Padding applied to element with display inline-table
  • The 'padding' property applies to elements with a display of inline-table.
Padding applied to element with display table-caption
  • The 'padding' property applies to elements with a display of table-caption.
Padding background defined by the background property
  • The background for the padding area is defined by the background property.
Padding-bottom using pixels with a minimum minus one value, -1px
  • The 'padding-bottom' property handles a minimum minus one length value in pixels.
Padding-bottom using pixels with a minimum value, 0px
  • The 'padding-bottom' property handles a minimum length value in pixels.
Padding-bottom using pixels with a minimum plus one value, 1px
  • The 'padding-bottom' property handles a minimum plus one length value in pixels.
Padding-bottom using pixels with a negative zero value, -0px
  • The 'padding-bottom' property handles a negative zero length value in pixels.
Padding-bottom using pixels with a positive zero value, +0px
  • The 'padding-bottom' property handles a positive zero length value in pixels.
Padding-bottom using pixels with a nominal value, 96px
  • The 'padding-bottom' property handles a nominal length value in pixels.
Padding-bottom using pixels with a nominal value with a plus sign, +96px
  • The 'padding-bottom' property handles a nominal length value in pixels with a plus sign.
Padding-bottom using points with a minimum minus one value, -1pt
  • The 'padding-bottom' property handles a minimum minus one length value in points.
Padding-bottom using points with a minimum value, 0pt
  • The 'padding-bottom' property handles a minimum length value in points.
Padding-bottom using points with a minimum plus one value, 1pt
  • The 'padding-bottom' property handles a minimum plus one length value in points.
Padding-bottom using points with a negative zero value, -0pt
  • The 'padding-bottom' property handles a negative zero length value in points.
Padding-bottom using points with a positive zero value, +0pt
  • The 'padding-bottom' property handles a positive zero length value in points.
Padding-bottom using points with a nominal value, 72pt
  • The 'padding-bottom' property handles a nominal length value in points.
Padding-bottom using points with a nominal value with a plus sign, +72pt
  • The 'padding-bottom' property handles a nominal length value in points with a plus sign.
Padding-bottom using picas with a minimum minus one value, -1pc
  • The 'padding-bottom' property handles a minimum minus one length value in picas.
Padding-bottom using picas with a minimum value, 0pc
  • The 'padding-bottom' property handles a minimum length value in picas.
Padding-bottom using picas with a minimum plus one value, 1pc
  • The 'padding-bottom' property handles a minimum plus one length value in picas.
Padding-bottom using picas with a negative zero value, -0pc
  • The 'padding-bottom' property handles a negative zero length value in picas.
Padding-bottom using picas with a positive zero value, +0pc
  • The 'padding-bottom' property handles a positive zero length value in picas.
Padding-bottom using picas with a nominal value, 6pc
  • The 'padding-bottom' property handles a nominal length value in picas.
Padding-bottom using picas with a nominal value with a plus sign, +6pc
  • The 'padding-bottom' property handles a nominal length value in picas with a plus sign.
Padding-bottom using centimeters with a minimum minus one value, -1cm
  • The 'padding-bottom' property handles a minimum minus one length value in centimeters.
Padding-bottom using centimeters with a minimum value, 0cm
  • The 'padding-bottom' property handles a minimum length value in centimeters.
Padding-bottom using centimeters with a minimum plus one value, 1cm
  • The 'padding-bottom' property handles a minimum plus one length value in centimeters.
Padding-bottom using centimeters with a negative zero value, -0cm
  • The 'padding-bottom' property handles a negative zero length value in centimeters.
Padding-bottom using centimeters with a positive zero value, +0cm
  • The 'padding-bottom' property handles a positive zero length value in centimeters.
Padding-bottom using centimeters with a nominal value, 2.54cm
  • The 'padding-bottom' property handles a nominal length value in centimeters.
Padding-bottom using centimeters with a nominal value with a plus sign, +2.54cm
  • The 'padding-bottom' property handles a nominal length value in centimeters with a plus sign.
Padding-bottom using millimeters with a minimum minus one value, -1mm
  • The 'padding-bottom' property handles a minimum minus one length value in millimeters.
Padding-bottom using millimeters with a minimum value, 0mm
  • The 'padding-bottom' property handles a minimum length value in millimeters.
Padding-bottom using millimeters with a minimum plus one value, 1mm
  • The 'padding-bottom' property handles a minimum plus one length value in millimeters.
Padding-bottom using millimeters with a negative zero value, -0mm
  • The 'padding-bottom' property handles a negative zero length value in millimeters.
Padding-bottom using millimeters with a positive zero value, +0mm
  • The 'padding-bottom' property handles a positive zero length value in millimeters.
Padding-bottom using millimeters with a nominal value, 25.4mm
  • The 'padding-bottom' property handles a nominal length value in millimeters.
Padding-bottom using millimeters with a nominal value with a plus sign, +25.4mm
  • The 'padding-bottom' property handles a nominal length value in millimeters with a plus sign.
Padding-bottom using inches with a minimum minus one value, -1in
  • The 'padding-bottom' property handles a minimum minus one length value in inches.
Padding-bottom using inches with a minimum value, 0in
  • The 'padding-bottom' property handles a minimum length value in inches.
Padding-bottom using inches with a minimum plus one value, 1in
  • The 'padding-bottom' property handles a minimum plus one length value in inches.
Padding-bottom using inches with a negative zero value, -0in
  • The 'padding-bottom' property handles a negative zero length value in inches.
Padding-bottom using inches with a positive zero value, +0in
  • The 'padding-bottom' property handles a positive zero length value in inches.
Padding-bottom using inches with a nominal value, 3in
  • The 'padding-bottom' property handles a nominal length value in inches.
Padding-bottom using inches with a nominal value with a plus sign, +3in
  • The 'padding-bottom' property handles a nominal length value in inches with a plus sign.
Padding-bottom using 'em' units with a minimum minus one value, -1em
  • The 'padding-bottom' property handles a minimum minus one length value in 'em' units.
A
Padding-bottom using 'em' units with a minimum value, 0em
  • The 'padding-bottom' property handles a minimum length value in 'em' units.
A
Padding-bottom using 'em' units with a minimum plus one value, 1em
  • The 'padding-bottom' property handles a minimum plus one length value in 'em' units.
A
Padding-bottom using 'em' units with a negative zero value, -0em
  • The 'padding-bottom' property handles a negative zero length value in 'em' units.
A
Padding-bottom using 'em' units with a positive zero value, +0em
  • The 'padding-bottom' property handles a positive zero length value in 'em' units.
A
Padding-bottom using 'em' units with a nominal value, 6em
  • The 'padding-bottom' property handles a nominal length value in 'em' units.
A
Padding-bottom using 'em' units with a nominal value with a plus sign, +6ex
  • The 'padding-bottom' property handles a nominal length value in 'em' units with a plus sign.
A
Padding-bottom using 'ex' units with a minimum minus one value, -1ex
  • The 'padding-bottom' property handles a minimum minus one length value in 'ex' units.
A
Padding-bottom using 'ex' units with a minimum value, 0ex
  • The 'padding-bottom' property handles a minimum length value in 'ex' units.
A
Padding-bottom using 'ex' units with a minimum plus one value, 1ex
  • The 'padding-bottom' property handles a minimum plus one length value in 'ex' units.
A
Padding-bottom using 'ex' units with a negative zero value, -0ex
  • The 'padding-bottom' property handles a negative zero length value in 'ex' units.
A
Padding-bottom using 'ex' units with a positive zero value, +0ex
  • The 'padding-bottom' property handles a positive zero length value in 'ex' units.
A
Padding-bottom using 'ex' units with a nominal value, 7.5ex
  • The 'padding-bottom' property handles a nominal length value in 'ex' units.
A
Padding-bottom using 'ex' units with a nominal value with a plus sign, +7.5ex
  • The 'padding-bottom' property handles a nominal length value in 'ex' units with a plus sign.
A
Padding-bottom using percentage with a minimum minus one value, -1%
  • The 'padding-bottom' property handles a minimum minus one length value in percentage.
Padding-bottom using percentage with a minimum value, 0%
  • The 'padding-bottom' property handles a minimum length value in percentage.
Padding-bottom using percentage with a minimum plus one value, 1%
  • The 'padding-bottom' property handles a minimum plus one length value in percentage.
Padding-bottom using percentage with a negative zero value, -0%
  • The 'padding-bottom' property handles a negative zero length value in percentage.
Padding-bottom using percentage with a positive zero value, +0%
  • The 'padding-bottom' property handles a positive zero length value in percentage.
Padding-bottom using percentage with a nominal value, 50%
  • The 'padding-bottom' property handles a nominal length value in percentage.
Padding-bottom using percentage with a nominal value with a plus sign, +50%
  • The 'padding-bottom' property handles a nominal length value in percentage with a plus sign.
Padding-bottom with a negative zero value and no units, -0
  • The 'padding-bottom' property handles a negative zero length value with no units.
Padding-bottom with a zero value and no units, 0
  • The 'padding-bottom' property handles a zero length value with no units.
Padding-bottom with a positive zero value and no units, +0
  • The 'padding-bottom' property handles a positive zero length value with no units.
Padding-bottom using the 'inherit' value
  • The 'padding-bottom' property handles the 'inherit' value.
Padding-bottom applied to element with display table-row-group
  • The 'padding-bottom' property does not apply to elements with a display of table-row-group.
Padding-bottom applied to element with display table-header-group
  • The 'padding-bottom' property does not apply to elements with a display of table-header-group.
Padding-bottom applied to element with display table-footer-group
  • The 'padding-bottom' property does not apply to elements with a display of table-footer-group.
Padding-bottom applied to element with display table-row
  • The 'padding-bottom' property does not apply to elements with a display of table-row.
Padding-bottom applied to element with display table-column-group
  • The 'padding-bottom' property does not apply to elements with a display of table-column-group.
Padding-bottom applied to element with display table-column
  • The 'padding-bottom' property does not apply to elements with a display of table-column.
Padding-bottom applied to element with display table-cell
  • The 'padding-bottom' property applies to elements with a display of table-cell.
Padding-bottom applied to element with display inline
  • The 'padding-bottom' property applies to elements with a display of inline.
Padding-bottom applied to element with display block
  • The 'padding-bottom' property applies to elements with a display of block.
Padding-bottom applied to element with display list-item
  • The 'padding-bottom' property applies to elements with a display of list-item.
Padding-bottom applied to element with display run-in
  • The 'padding-bottom' property applies to elements with a display of run-in.
Padding-bottom applied to element with display inline-block
  • The 'padding-bottom' property applies to elements with a display of inline-block.
Padding-bottom applied to element with display table
  • The 'padding-bottom' property applies to elements with a display of table.
Padding-bottom applied to element with display inline-table
  • The 'padding-bottom' property applies to elements with a display of inline-table.
Padding-bottom applied to element with display table-caption
  • The 'padding-bottom' property applies to elements with a display of table-caption.
Padding-left using pixels with a minimum minus one value, -1px
  • The 'padding-left' property handles a minimum minus one length value in pixels.
Padding-left using pixels with a minimum value, 0px
  • The 'padding-left' property handles a minimum length value in pixels.
Padding-left using pixels with a minimum plus one value, 1px
  • The 'padding-left' property handles a minimum plus one length value in pixels.
Padding-left using pixels with a negative zero value, -0px
  • The 'padding-left' property handles a negative zero length value in pixels.
Padding-left using pixels with a positive zero value, +0px
  • The 'padding-left' property handles a positive zero length value in pixels.
Padding-left using pixels with a nominal value, 96px
  • The 'padding-left' property handles a nominal length value in pixels.
Padding-left using pixels with a nominal value with a plus sign, +96px
  • The 'padding-left' property handles a nominal length value in pixels with a plus sign.
Padding-left using points with a minimum minus one value, -1pt
  • The 'padding-left' property handles a minimum minus one length value in points.
Padding-left using points with a minimum value, 0pt
  • The 'padding-left' property handles a minimum length value in points.
Padding-left using points with a negative zero value, -0pt
  • The 'padding-left' property handles a negative zero length value in points.
Padding-left using points with a positive zero value, +0pt
  • The 'padding-left' property handles a positive zero length value in points.
Padding-left using points with a nominal value, 72pt
  • The 'padding-left' property handles a nominal length value in points.
Padding-left using points with a nominal value with a plus sign, +72pt
  • The 'padding-left' property handles a nominal length value in points with a plus sign.
Padding-left using picas with a minimum minus one value, -1pc
  • The 'padding-left' property handles a minimum minus one length value in picas.
Padding-left using picas with a minimum value, 0pc
  • The 'padding-left' property handles a minimum length value in picas.
Padding-left using picas with a minimum plus one value, 1pc
  • The 'padding-left' property handles a minimum plus one length value in picas.
Padding-left using picas with a negative zero value, -0pc
  • The 'padding-left' property handles a negative zero length value in picas.
Padding-left using picas with a positive zero value, +0pc
  • The 'padding-left' property handles a positive zero length value in picas.
Padding-left using picas with a nominal value, 6pc
  • The 'padding-left' property handles a nominal length value in picas.
Padding-left using picas with a nominal value with a plus sign, +6pc
  • The 'padding-left' property handles a nominal length value in picas with a plus sign.
Padding-left using centimeters with a minimum minus one value, -1cm
  • The 'padding-left' property handles a minimum minus one length value in centimeters.
Padding-left using centimeters with a minimum value, 0cm
  • The 'padding-left' property handles a minimum length value in centimeters.
Padding-left using centimeters with a minimum plus one value, 1cm
  • The 'padding-left' property handles a minimum plus one length value in centimeters.
Padding-left using centimeters with a negative zero value, -0cm
  • The 'padding-left' property handles a negative zero length value in centimeters.
Padding-left using centimeters with a positive zero value, +0cm
  • The 'padding-left' property handles a positive zero length value in centimeters.
Padding-left using centimeters with a nominal value, 2.54cm
  • The 'padding-left' property handles a nominal length value in centimeters.
Padding-left using centimeters with a nominal value with a plus sign, +2.54cm
  • The 'padding-left' property handles a nominal length value in centimeters with a plus sign.
Padding-left using millimeters with a minimum minus one value, -1mm
  • The 'padding-left' property handles a minimum minus one length value in millimeters.
Padding-left using millimeters with a minimum value, 0mm
  • The 'padding-left' property handles a minimum length value in millimeters.
Padding-left using millimeters with a minimum plus one value, 1mm
  • The 'padding-left' property handles a minimum plus one length value in millimeters.
Padding-left using millimeters with a negative zero value, -0mm
  • The 'padding-left' property handles a negative zero length value in millimeters.
Padding-left using millimeters with a positive zero value, +0mm
  • The 'padding-left' property handles a positive zero length value in millimeters.
Padding-left using millimeters with a nominal value, 25.4mm
  • The 'padding-left' property handles a nominal length value in millimeters.
Padding-left using millimeters with a nominal value with a plus sign, +25.4mm
  • The 'padding-left' property handles a nominal length value in millimeters with a plus sign.
Padding-left using inches with a minimum minus one value, -1in
  • The 'padding-left' property handles a minimum minus one length value in inches.
Padding-left using inches with a minimum value, 0in
  • The 'padding-left' property handles a minimum length value in inches.
Padding-left using inches with a minimum plus one value, 1in
  • The 'padding-left' property handles a minimum plus one length value in inches.
Padding-left using inches with a negative zero value, -0in
  • The 'padding-left' property handles a negative zero length value in inches.
Padding-left using inches with a positive zero value, +0in
  • The 'padding-left' property handles a positive zero length value in inches.
Padding-left using inches with a nominal value, 3in
  • The 'padding-left' property handles a nominal length value in inches.
Padding-left using inches with a nominal value with a plus sign, +3in
  • The 'padding-left' property handles a nominal length value in inches with a plus sign.
Padding-left using 'em' units with a minimum minus one value, -1em
  • The 'padding-left' property handles a minimum minus one length value in 'em' units.
A
Padding-left using 'em' units with a minimum value, 0em
  • The 'padding-left' property handles a minimum length value in 'em' units.
A
Padding-left using 'em' units with a minimum plus one value, 1em
  • The 'padding-left' property handles a minimum plus one length value in 'em' units.
A
Padding-left using 'em' units with a negative zero value, -0em
  • The 'padding-left' property handles a negative zero length value in 'em' units.
A
Padding-left using 'em' units with a positive zero value, +0em
  • The 'padding-left' property handles a positive zero length value in 'em' units.
A
Padding-left using 'em' units with a nominal value, 6em
  • The 'padding-left' property handles a nominal length value in 'em' units.
A
Padding-left using 'em' units with a nominal value with a plus sign, +6ex
  • The 'padding-left' property handles a nominal length value in 'em' units with a plus sign.
A
Padding-left using 'ex' units with a minimum minus one value, -1ex
  • The 'padding-left' property handles a minimum minus one length value in 'ex' units.
A
Padding-left using 'ex' units with a minimum value, 0ex
  • The 'padding-left' property handles a minimum length value in 'ex' units.
A
Padding-left using 'ex' units with a minimum plus one value, 1ex
  • The 'padding-left' property handles a minimum plus one length value in 'ex' units.
A
Padding-left using 'ex' units with a negative zero value, -0ex
  • The 'padding-left' property handles a negative zero length value in 'ex' units.
A
Padding-left using 'ex' units with a positive zero value, +0ex
  • The 'padding-left' property handles a positive zero length value in 'ex' units.
A
Padding-left using 'ex' units with a nominal value, 6ex
  • The 'padding-left' property handles a nominal length value in 'ex' units.
A
Padding-left using 'ex' units with a nominal value with a plus sign, +6ex
  • The 'padding-left' property handles a nominal length value in 'ex' units with a plus sign.
A
Padding-left using percentage with a minimum minus one value, -1%
  • The 'padding-left' property handles a minimum minus one length value in percentage.
Padding-left using percentage with a minimum value, 0%
  • The 'padding-left' property handles a minimum length value in percentage.
Padding-left using percentage with a minimum plus one value, 1%
  • The 'padding-left' property handles a minimum plus one length value in percentage.
Padding-left using percentage with a negative zero value, -0%
  • The 'padding-left' property handles a negative zero length value in percentage.
Padding-left using percentage with a positive zero value, +0%
  • The 'padding-left' property handles a positive zero length value in percentage.
Padding-left using percentage with a nominal value, 50%
  • The 'padding-left' property handles a nominal length value in percentage.
Padding-left using percentage with a nominal value with a plus sign, +50%
  • The 'padding-left' property handles a nominal length value in percentage with a plus sign.
Padding-left with a negative zero value and no units, -0
  • The 'padding-left' property handles a negative zero length value with no units.
Padding-left with a zero value and no units, 0
  • The 'padding-left' property handles a zero length value with no units.
Padding-left with a positive zero value and no units, +0
  • The 'padding-left' property handles a positive zero length value with no units.
Padding-left using the 'inherit' value
  • The 'padding-left' property handles the 'inherit' value.
Padding-left applied to element with display table-row-group
  • The 'padding-left' property does not apply to elements with a display of table-row-group.
Padding-left applied to element with display table-header-group
  • The 'padding-left' property does not apply to elements with a display of table-header-group.
Padding-left applied to element with display table-footer-group
  • The 'padding-left' property does not apply to elements with a display of table-footer-group.
Padding-left applied to element with display table-row
  • The 'padding-left' property does not apply to elements with a display of table-row.
Padding-left applied to element with display table-column-group
  • The 'padding-left' property does not apply to elements with a display of table-column-group.
Padding-left applied to element with display table-column
  • The 'padding-left' property does not apply to elements with a display of table-column.
Padding-left applied to element with display table-cell
  • The 'padding-left' property applies to elements with a display of table-cell.
Padding-left applied to element with display inline
  • The 'padding-left' property applies to elements with a display of inline.
Padding-left applied to element with display block
  • The 'padding-left' property applies to elements with a display of block.
Padding-left applied to element with display list-item
  • The 'padding-left' property applies to elements with a display of list-item.
Padding-left applied to element with display run-in
  • The 'padding-left' property applies to elements with a display of run-in.
Padding-left applied to element with display inline-block
  • The 'padding-left' property applies to elements with a display of inline-block.
Padding-left applied to element with display table
  • The 'padding-left' property applies to elements with a display of table.
Padding-left applied to element with display inline-table
  • The 'padding-left' property applies to elements with a display of inline-table.
Padding-left applied to element with display table-caption
  • The 'padding-left' property applies to elements with a display of table-caption.
Padding with percentage determined by containing block
  • Potential circular reference cannot cause the user agent to crash or hang.
Padding-right using pixels with a minimum minus one value, -1px
  • The 'padding-right' property handles a minimum minus one length value in pixels.
Padding-right using pixels with a minimum value, 0px
  • The 'padding-right' property handles a minimum length value in pixels.
Padding-right using pixels with a minimum plus one value, 1px
  • The 'padding-right' property handles a minimum plus one length value in pixels.
Padding-right using pixels with a negative zero value, -0px
  • The 'padding-right' property handles a negative zero length value in pixels.
Padding-right using pixels with a positive zero value, +0px
  • The 'padding-right' property handles a positive zero length value in pixels.
Padding-right using pixels with a nominal value, 96px
  • The 'padding-right' property handles a nominal length value in pixels.
Padding-right using pixels with a nominal value with a plus sign, +96px
  • The 'padding-right' property handles a nominal length value in pixels with a plus sign.
Padding-right using points with a minimum minus one value, -1pt
  • The 'padding-right' property handles a minimum minus one length value in points.
Padding-right using points with a minimum value, 0pt
  • The 'padding-right' property handles a minimum length value in points.
Padding-right using points with a negative zero value, -0pt
  • The 'padding-right' property handles a negative zero length value in points.
Padding-right using points with a positive zero value, +0pt
  • The 'padding-right' property handles a positive zero length value in points.
Padding-right using points with a nominal value, 72pt
  • The 'padding-right' property handles a nominal length value in points.
Padding-right using points with a nominal value with a plus sign, +72pt
  • The 'padding-right' property handles a nominal length value in points with a plus sign.
Padding-right using picas with a minimum minus one value, -1pc
  • The 'padding-right' property handles a minimum minus one length value in picas.
Padding-right using picas with a minimum value, 0pc
  • The 'padding-right' property handles a minimum length value in picas.
Padding-right using picas with a minimum plus one value, 1pc
  • The 'padding-right' property handles a minimum plus one length value in picas.
Padding-right using picas with a negative zero value, -0pc
  • The 'padding-right' property handles a negative zero length value in picas.
Padding-right using picas with a positive zero value, +0pc
  • The 'padding-right' property handles a positive zero length value in picas.
Padding-right using picas with a nominal value, 6pc
  • The 'padding-right' property handles a nominal length value in picas.
Padding-right using picas with a nominal value with a plus sign, +6pc
  • The 'padding-right' property handles a nominal length value in picas with a plus sign.
Padding-right using centimeters with a minimum minus one value, -1cm
  • The 'padding-right' property handles a minimum minus one length value in centimeters.
Padding-right using centimeters with a minimum value, 0cm
  • The 'padding-right' property handles a minimum length value in centimeters.
Padding-right using centimeters with a minimum plus one value, 1cm
  • The 'padding-right' property handles a minimum plus one length value in centimeters.
Padding-right using centimeters with a negative zero value, -0cm
  • The 'padding-right' property handles a negative zero length value in centimeters.
Padding-right using centimeters with a positive zero value, +0cm
  • The 'padding-right' property handles a positive zero length value in centimeters.
Padding-right using centimeters with a nominal value, 2.54cm
  • The 'padding-right' property handles a nominal length value in centimeters.
Padding-right using centimeters with a nominal value with a plus sign, +2.54cm
  • The 'padding-right' property handles a nominal length value in centimeters with a plus sign.
Padding-right using millimeters with a minimum minus one value, -1mm
  • The 'padding-right' property handles a minimum minus one length value in millimeters.
Padding-right using millimeters with a minimum value, 0mm
  • The 'padding-right' property handles a minimum length value in millimeters.
Padding-right using millimeters with a minimum plus one value, 1mm
  • The 'padding-right' property handles a minimum plus one length value in millimeters.
Padding-right using millimeters with a negative zero value, -0mm
  • The 'padding-right' property handles a negative zero length value in millimeters.
Padding-right using millimeters with a positive zero value, +0mm
  • The 'padding-right' property handles a positive zero length value in millimeters.
Padding-right using millimeters with a nominal value, 25.4mm
  • The 'padding-right' property handles a nominal length value in millimeters.
Padding-right using millimeters with a nominal value with a plus sign, +25.4mm
  • The 'padding-right' property handles a nominal length value in millimeters with a plus sign.
Padding-right using inches with a minimum minus one value, -1in
  • The 'padding-right' property handles a minimum minus one length value in inches.
Padding-right using inches with a minimum value, 0in
  • The 'padding-right' property handles a minimum length value in inches.
Padding-right using inches with a minimum plus one value, 1in
  • The 'padding-right' property handles a minimum plus one length value in inches.
Padding-right using inches with a negative zero value, -0in
  • The 'padding-right' property handles a negative zero length value in inches.
Padding-right using inches with a positive zero value, +0in
  • The 'padding-right' property handles a positive zero length value in inches.
Padding-right using inches with a nominal value, 3in
  • The 'padding-right' property handles a nominal length value in inches.
Padding-right using inches with a nominal value with a plus sign, +3in
  • The 'padding-right' property handles a nominal length value in inches with a plus sign.
Padding-right using 'em' units with a minimum minus one value, -1em
  • The 'padding-right' property handles a minimum minus one length value in 'em' units.
A
Padding-right using 'em' units with a minimum value, 0em
  • The 'padding-right' property handles a minimum length value in 'em' units.
A
Padding-right using 'em' units with a minimum plus one value, 1em
  • The 'padding-right' property handles a minimum plus one length value in 'em' units.
A
Padding-right using 'em' units with a negative zero value, -0em
  • The 'padding-right' property handles a negative zero length value in 'em' units.
A
Padding-right using 'em' units with a positive zero value, +0em
  • The 'padding-right' property handles a positive zero length value in 'em' units.
A
Padding-right using 'em' units with a nominal value, 6em
  • The 'padding-right' property handles a nominal length value in 'em' units.
A
Padding-right using 'em' units with a nominal value with a plus sign, +6ex
  • The 'padding-right' property handles a nominal length value in 'em' units with a plus sign.
A
Padding-right using 'ex' units with a minimum minus one value, -1ex
  • The 'padding-right' property handles a minimum minus one length value in 'ex' units.
A
Padding-right using 'ex' units with a minimum value, 0ex
  • The 'padding-right' property handles a minimum length value in 'ex' units.
A
Padding-right using 'ex' units with a minimum plus one value, 1ex
  • The 'padding-right' property handles a minimum plus one length value in 'ex' units.
A
Padding-right using 'ex' units with a negative zero value, -0ex
  • The 'padding-right' property handles a negative zero length value in 'ex' units.
A
Padding-right using 'ex' units with a positive zero value, +0ex
  • The 'padding-right' property handles a positive zero length value in 'ex' units.
A
Padding-right using 'ex' units with a nominal value, 6ex
  • The 'padding-right' property handles a nominal length value in 'ex' units.
A
Padding-right using 'ex' units with a nominal value with a plus sign, +6ex
  • The 'padding-right' property handles a nominal length value in 'ex' units with a plus sign.
A
Padding-right using percentage with a minimum minus one value, -1%
  • The 'padding-right' property handles a minimum minus one length value in percentage.
Padding-right using percentage with a minimum value, 0%
  • The 'padding-right' property handles a minimum length value in percentage.
Padding-right using percentage with a minimum plus one value, 1%
  • The 'padding-right' property handles a minimum plus one length value in percentage.
Padding-right using percentage with a negative zero value, -0%
  • The 'padding-right' property handles a negative zero length value in percentage.
Padding-right using percentage with a positive zero value, +0%
  • The 'padding-right' property handles a positive zero length value in percentage.
Padding-right using percentage with a nominal value, 50%
  • The 'padding-right' property handles a nominal length value in percentage.
Padding-right using percentage with a nominal value with a plus sign, +50%
  • The 'padding-right' property handles a nominal length value in percentage with a plus sign.
Padding-right with a negative zero value and no units, -0
  • The 'padding-right' property handles a negative zero length value with no units.
Padding-right with a zero value and no units, 0
  • The 'padding-right' property handles a zero length value with no units.
Padding-right with a positive zero value and no units, +0
  • The 'padding-right' property handles a positive zero length value with no units.
Padding-right using the 'inherit' value
  • The 'padding-right' property handles the 'inherit' value.
Padding-right applied to element with display table-row-group
  • The 'padding-right' property does not apply to elements with a display of table-row-group.
Padding-right applied to element with display table-header-group
  • The 'padding-right' property does not apply to elements with a display of table-header-group.
Padding-right applied to element with display table-footer-group
  • The 'padding-right' property does not apply to elements with a display of table-footer-group.
Padding-right applied to element with display table-row
  • The 'padding-right' property does not apply to elements with a display of table-row.
Padding-right applied to element with display table-column-group
  • The 'padding-right' property does not apply to elements with a display of table-column-group.
Padding-right applied to element with display table-column
  • The 'padding-right' property does not apply to elements with a display of table-column.
Padding-right applied to element with display table-cell
  • The 'padding-right' property applies to elements with a display of table-cell.
Padding-right applied to element with display inline
  • The 'padding-right' property applies to elements with a display of inline.
Padding-right applied to element with display block
  • The 'padding-right' property applies to elements with a display of block.
Padding-right applied to element with display list-item
  • The 'padding-right' property applies to elements with a display of list-item.
Padding-right applied to element with display run-in
  • The 'padding-right' property applies to elements with a display of run-in.
Padding-right applied to element with display inline-block
  • The 'padding-right' property applies to elements with a display of inline-block.
Padding-right applied to element with display table
  • The 'padding-right' property applies to elements with a display of table.
Padding-right applied to element with display inline-table
  • The 'padding-right' property applies to elements with a display of inline-table.
Padding-right applied to element with display table-caption
  • The 'padding-right' property applies to elements with a display of table-caption.
Padding shorthand - One value application to all sides
  • Applying a single value to the padding property replicates it to all sides of the element.
G
Padding shorthand - two values application top, bottom and left, right
  • Applying two values to the padding property applies the first value to the top and bottom and the second to the left and right.
G
Padding shorthand - three values application top and left, right and bottom
  • Applying three values to the padding property applies the first value to the top the second value to the left and right and the third value to the bottom.
G
Padding shorthand - Four values application top, left, right, bottom
  • Applying four values to the padding property applies the values top, right, bottom, left, respectively.
G
Padding-top using pixels with a minimum minus one value, -1px
  • The 'padding-top' property handles a minimum minus one length value in pixels.
Padding-top using pixels with a minimum value, 0px
  • The 'padding-top' property handles a minimum length value in pixels.
Padding-top using pixels with a minimum plus one value, 1px
  • The 'padding-top' property handles a minimum plus one length value in pixels.
Padding-top using pixels with a negative zero value, -0px
  • The 'padding-top' property handles a negative zero length value in pixels.
Padding-top using pixels with a positive zero value, +0px
  • The 'padding-top' property handles a positive zero length value in pixels.
Padding-top using pixels with a nominal value, 96px
  • The 'padding-top' property handles a nominal length value in pixels.
Padding-top using pixels with a nominal value with a plus sign, +96px
  • The 'padding-top' property handles a nominal length value in pixels with a plus sign.
Padding-top using points with a minimum minus one value, -1pt
  • The 'padding-top' property handles a minimum minus one length value in points.
Padding-top using points with a minimum value, 0pt
  • The 'padding-top' property handles a minimum length value in points.
Padding-top using points with a minimum plus one value, 1pt
  • The 'padding-top' property handles a minimum plus one length value in points.
Padding-top using points with a negative zero value, -0pt
  • The 'padding-top' property handles a negative zero length value in points.
Padding-top using points with a positive zero value, +0pt
  • The 'padding-top' property handles a positive zero length value in points.
Padding-top using points with a nominal value, 72pt
  • The 'padding-top' property handles a nominal length value in points.
Padding-top using points with a nominal value with a plus sign, +72pt
  • The 'padding-top' property handles a nominal length value in points with a plus sign.
Padding-top using picas with a minimum minus one value, -1pc
  • The 'padding-top' property handles a minimum minus one length value in picas.
Padding-top using picas with a minimum value, 0pc
  • The 'padding-top' property handles a minimum length value in picas.
Padding-top using picas with a minimum plus one value, 1pc
  • The 'padding-top' property handles a minimum plus one length value in picas.
Padding-top using picas with a negative zero value, -0pc
  • The 'padding-top' property handles a negative zero length value in picas.
Padding-top using picas with a positive zero value, +0pc
  • The 'padding-top' property handles a positive zero length value in picas.
Padding-top using picas with a nominal value, 6pc
  • The 'padding-top' property handles a nominal length value in picas.
Padding-top using picas with a nominal value with a plus sign, +6pc
  • The 'padding-top' property handles a nominal length value in picas with a plus sign.
Padding-top using centimeters with a minimum minus one value, -1cm
  • The 'padding-top' property handles a minimum minus one length value in centimeters.
Padding-top using centimeters with a minimum value, 0cm
  • The 'padding-top' property handles a minimum length value in centimeters.
Padding-top using centimeters with a minimum plus one value, 1cm
  • The 'padding-top' property handles a minimum plus one length value in centimeters.
Padding-top using centimeters with a negative zero value, -0cm
  • The 'padding-top' property handles a negative zero length value in centimeters.
Padding-top using centimeters with a positive zero value, +0cm
  • The 'padding-top' property handles a positive zero length value in centimeters.
Padding-top using centimeters with a nominal value, 2.54cm
  • The 'padding-top' property handles a nominal length value in centimeters.
Padding-top using centimeters with a nominal value with a plus sign, +2.54cm
  • The 'padding-top' property handles a nominal length value in centimeters with a plus sign.
Padding-top using millimeters with a minimum minus one value, -1mm
  • The 'padding-top' property handles a minimum minus one length value in millimeters.
Padding-top using millimeters with a minimum value, 0mm
  • The 'padding-top' property handles a minimum length value in millimeters.
Padding-top using millimeters with a minimum plus one value, 1mm
  • The 'padding-top' property handles a minimum plus one length value in millimeters.
Padding-top using millimeters with a negative zero value, -0mm
  • The 'padding-top' property handles a negative zero length value in millimeters.
Padding-top using millimeters with a positive zero value, +0mm
  • The 'padding-top' property handles a positive zero length value in millimeters.
Padding-top using millimeters with a nominal value, 25.4mm
  • The 'padding-top' property handles a nominal length value in millimeters.
Padding-top using millimeters with a nominal value with a plus sign, +25.4mm
  • The 'padding-top' property handles a nominal length value in millimeters with a plus sign.
Padding-top using inches with a minimum minus one value, -1in
  • The 'padding-top' property handles a minimum minus one length value in inches.
Padding-top using inches with a minimum value, 0in
  • The 'padding-top' property handles a minimum length value in inches.
Padding-top using inches with a minimum plus one value, 1in
  • The 'padding-top' property handles a minimum plus one length value in inches.
Padding-top using inches with a negative zero value, -0in
  • The 'padding-top' property handles a negative zero length value in inches.
Padding-top using inches with a positive zero value, +0in
  • The 'padding-top' property handles a positive zero length value in inches.
Padding-top using inches with a nominal value, 3in
  • The 'padding-top' property handles a nominal length value in inches.
Padding-top using inches with a nominal value with a plus sign, +3in
  • The 'padding-top' property handles a nominal length value in inches with a plus sign.
Padding-top using 'em' units with a minimum minus one value, -1em
  • The 'padding-top' property handles a minimum minus one length value in 'em' units.
A
Padding-top using 'em' units with a minimum value, 0em
  • The 'padding-top' property handles a minimum length value in 'em' units.
A
Padding-top using 'em' units with a minimum plus one value, 1em
  • The 'padding-top' property handles a minimum plus one length value in 'em' units.
A
Padding-top using 'em' units with a negative zero value, -0em
  • The 'padding-top' property handles a negative zero length value in 'em' units.
A
Padding-top using 'em' units with a positive zero value, +0em
  • The 'padding-top' property handles a positive zero length value in 'em' units.
A
Padding-top using 'em' units with a nominal value, 6em
  • The 'padding-top' property handles a nominal length value in 'em' units.
A
Padding-top using 'em' units with a nominal value with a plus sign, +6ex
  • The 'padding-top' property handles a nominal length value in 'em' units with a plus sign.
A
Padding-top using 'ex' units with a minimum minus one value, -1ex
  • The 'padding-top' property handles a minimum minus one length value in 'ex' units.
A
Padding-top using 'ex' units with a minimum value, 0ex
  • The 'padding-top' property handles a minimum length value in 'ex' units.
A
Padding-top using 'ex' units with a minimum plus one value, 1ex
  • The 'padding-top' property handles a minimum plus one length value in 'ex' units.
A
Padding-top using 'ex' units with a negative zero value, -0ex
  • The 'padding-top' property handles a negative zero length value in 'ex' units.
A
Padding-top using 'ex' units with a positive zero value, +0ex
  • The 'padding-top' property handles a positive zero length value in 'ex' units.
A
Padding-top using 'ex' units with a nominal value, 6ex
  • The 'padding-top' property handles a nominal length value in 'ex' units.
A
Padding-top using 'ex' units with a nominal value with a plus sign, +6ex
  • The 'padding-top' property handles a nominal length value in 'ex' units with a plus sign.
A
Padding-top using percentage with a minimum minus one value, -1%
  • The 'padding-top' property handles a minimum minus one length value in percentage.
Padding-top using percentage with a minimum value, 0%
  • The 'padding-top' property handles a minimum length value in percentage.
Padding-top using percentage with a minimum plus one value, 1%
  • The 'padding-top' property handles a minimum plus one length value in percentage.
Padding-top using percentage with a negative zero value, -0%
  • The 'padding-top' property handles a negative zero length value in percentage.
Padding-top using percentage with a positive zero value, +0%
  • The 'padding-top' property handles a positive zero length value in percentage.
Padding-top using percentage with a nominal value, 50%
  • The 'padding-top' property handles a nominal length value in percentage.
Padding-top using percentage with a nominal value with a plus sign, +50%
  • The 'padding-top' property handles a nominal length value in percentage with a plus sign.
Padding-top with a negative zero value and no units, -0
  • The 'padding-top' property handles a negative zero length value with no units.
Padding-top with a zero value and no units, 0
  • The 'padding-top' property handles a zero length value with no units.
Padding-top with a positive zero value and no units, +0
  • The 'padding-top' property handles a positive zero length value with no units.
Padding-top using the 'inherit' value
  • The 'padding-top' property handles the 'inherit' value.
Padding-top applied to element with display table-row-group
  • The 'padding-top' property does not apply to elements with a display of table-row-group.
Padding-top applied to element with display table-header-group
  • The 'padding-top' property does not apply to elements with a display of table-header-group.
Padding-top applied to element with display table-footer-group
  • The 'padding-top' property does not apply to elements with a display of table-footer-group.
Padding-top applied to element with display table-row
  • The 'padding-top' property does not apply to elements with a display of table-row.
Padding-top applied to element with display table-column-group
  • The 'padding-top' property does not apply to elements with a display of table-column-group.
Padding-top applied to element with display table-column
  • The 'padding-top' property does not apply to elements with a display of table-column.
Padding-top applied to element with display table-cell
  • The 'padding-top' property applies to elements with a display of table-cell.
Padding-top applied to element with display inline
  • The 'padding-top' property applies to elements with a display of inline.
Padding-top applied to element with display block
  • The 'padding-top' property applies to elements with a display of block.
Padding-top applied to element with display list-item
  • The 'padding-top' property applies to elements with a display of list-item.
Padding-top applied to element with display run-in
  • The 'padding-top' property applies to elements with a display of run-in.
Padding-top applied to element with display inline-block
  • The 'padding-top' property applies to elements with a display of inline-block.
Padding-top applied to element with display table
  • The 'padding-top' property applies to elements with a display of table.
Padding-top applied to element with display inline-table
  • The 'padding-top' property applies to elements with a display of inline-table.
Padding-top applied to element with display table-caption
  • The 'padding-top' property applies to elements with a display of table-caption.
Explicit Inheritance
8.5 Border properties
Explicit Inheritance
8.5.1 Border width: 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width', and 'border-width'
Border-bottom-width using pixels with a minimum minus one (negative) value, -1px
  • The 'border-bottom-width' property does not support a negative length value in pixels and resets to the initial value.
invalid
Border-bottom-width using pixels with a minimum value, 0px
  • The 'border-bottom-width' property supports a minimum length value in pixels that sets the width of the bottom border.
Border-bottom-width using pixels with a minimum plus one value, 1px
  • The 'border-bottom-width' property supports a minimum plus one length value in pixels that sets the width of the bottom border.
Border-bottom-width using pixels with a minimum value with a minus sign, -0px
  • The 'border-bottom-width' property supports a minimum length value in pixels that that has a minus sign before it.
Border-bottom-width using pixels with a minimum value with a plus sign, +0px
  • The 'border-bottom-width' property supports a minimum length value in pixels that that has a plus sign before it.
Border-bottom-width using pixels with a nominal value, 96px
  • The 'border-bottom-width' property supports a nominal length value in pixels that sets the width of the bottom border.
Border-bottom-width using pixels with a nominal value with a plus sign, +96px
  • The 'border-bottom-width' property supports a nominal length value in pixels that has a plus sign before it.
Border-bottom-width using points with a minimum minus one (negative) value, -1pt
  • The 'border-bottom-width' property does not support a negative length value in points and resets to the initial value.
invalid
Border-bottom-width using points with a minimum value, 0pt
  • The 'border-bottom-width' property supports a minimum length value in points that sets the width of the bottom border.
Border-bottom-width using points with a minimum plus one value, 1pt
  • The 'border-bottom-width' property supports a minimum plus one length value in points that sets the width of the bottom border.
Border-bottom-width using points with a minimum value with a minus sign, -0pt
  • The 'border-bottom-width' property supports a minimum length value in points that that has a minus sign before it.
Border-bottom-width using points with a minimum value with a plus sign, +0pt
  • The 'border-bottom-width' property supports a minimum length value in points that that has a plus sign before it.
Border-bottom-width using points with a nominal value, 72pt
  • The 'border-bottom-width' property supports a nominal length value in points that sets the width of the bottom border.
Border-bottom-width using points with a nominal value with a plus sign, +72pt
  • The 'border-bottom-width' property supports a nominal length value in points that has a plus sign before it.
Border-bottom-width using picas with a minimum minus one (negative) value, -1pc
  • The 'border-bottom-width' property does not support a negative length value in picas and resets to the initial value.
invalid
Border-bottom-width using picas with a minimum value, 0pc
  • The 'border-bottom-width' property supports a minimum length value in picas that sets the width of the bottom border.
Border-bottom-width using picas with a minimum plus one value, 1pc
  • The 'border-bottom-width' property supports a minimum plus one length value in picas that sets the width of the bottom border.
Border-bottom-width using picas with a minimum value with a minus sign, -0pc
  • The 'border-bottom-width' property supports a minimum length value in picas that that has a minus sign before it.
Border-bottom-width using picas with a minimum value with a plus sign, +0pc
  • The 'border-bottom-width' property supports a minimum length value in picas that that has a plus sign before it.
Border-bottom-width using picas with a nominal value, 6pc
  • The 'border-bottom-width' property supports a nominal length value in picas that sets the width of the bottom border.
Border-bottom-width using picas with a nominal value with a plus sign, +6pc
  • The 'border-bottom-width' property supports a nominal length value in picas that has a plus sign before it.
Border-bottom-width using centimeters with a minimum minus one (negative) value, -1cm
  • The 'border-bottom-width' property does not support a negative length value in centimeters and resets to the initial value.
invalid
Border-bottom-width using centimeters with a minimum value, 0cm
  • The 'border-bottom-width' property supports a minimum length value in centimeters that sets the width of the bottom border.
Border-bottom-width using centimeters with a minimum plus one value, 1cm
  • The 'border-bottom-width' property supports a minimum plus one length value in centimeters that sets the width of the bottom border.
Border-bottom-width using centimeters with a minimum value with a minus sign, -0cm
  • The 'border-bottom-width' property supports a minimum length value in centimeters that that has a minus sign before it.
Border-bottom-width using centimeters with a minimum value with a plus sign, +0cm
  • The 'border-bottom-width' property supports a minimum length value in centimeters that that has a plus sign before it.
Border-bottom-width using centimeters with a nominal value, 2.54cm
  • The 'border-bottom-width' property supports a nominal length value in centimeters that sets the width of the bottom border.
Border-bottom-width using centimeters with a nominal value with a plus sign, +2.54cm
  • The 'border-bottom-width' property supports a nominal length value in centimeters that has a plus sign before it.
Border-bottom-width using millimeters with a minimum minus one (negative) value, -1mm
  • The 'border-bottom-width' property does not support a negative length value in millimeters and resets to the initial value.
invalid
Border-bottom-width using millimeters with a minimum value, 0mm
  • The 'border-bottom-width' property supports a minimum length value in millimeters that sets the width of the bottom border.
Border-bottom-width using millimeters with a minimum plus one value, 1mm
  • The 'border-bottom-width' property supports a minimum plus one length value in millimeters that sets the width of the bottom border.
Border-bottom-width using millimeters with a minimum value with a minus sign, -0mm
  • The 'border-bottom-width' property supports a minimum length value in millimeters that that has a minus sign before it.
Border-bottom-width using millimeters with a minimum value with a plus sign, +0mm
  • The 'border-bottom-width' property supports a minimum length value in millimeters that that has a plus sign before it.
Border-bottom-width using millimeters with a nominal value, 25.4mm
  • The 'border-bottom-width' property supports a nominal length value in millimeters that sets the width of the bottom border.
Border-bottom-width using millimeters with a nominal value with a plus sign, +25.4mm
  • The 'border-bottom-width' property supports a nominal length value in millimeters that has a plus sign before it.
Border-bottom-width using inches with a minimum minus one (negative) value, -1in
  • The 'border-bottom-width' property does not support a negative length value in inches and resets to the initial value.
invalid
Border-bottom-width using inches with a minimum value, 0in
  • The 'border-bottom-width' property supports a minimum length value in inches that sets the width of the bottom border.
Border-bottom-width using inches with a minimum plus one value, 1in
  • The 'border-bottom-width' property supports a minimum plus one length value in inches that sets the width of the bottom border.
Border-bottom-width using inches with a minimum value with a minus sign, -0in
  • The 'border-bottom-width' property supports a minimum length value in inches that that has a minus sign before it.
Border-bottom-width using inches with a minimum value with a plus sign, +0in
  • The 'border-bottom-width' property supports a minimum length value in inches that that has a plus sign before it.
Border-bottom-width using inches with a nominal value, 5in
  • The 'border-bottom-width' property supports a nominal length value in inches that sets the width of the bottom border.
Border-bottom-width using inches with a nominal value with a plus sign, +5in
  • The 'border-bottom-width' property supports a nominal length value in inches that has a plus sign before it.
Border-bottom-width using 'em' units with a minimum minus one (negative) value, -1em
  • The 'border-bottom-width' property does not support a negative length value in 'em' units and resets to the initial value.
invalid
Border-bottom-width using 'em' units with a minimum value, 0em
  • The 'border-bottom-width' property supports a minimum length value in 'em' units that sets the width of the bottom border.
A
Border-bottom-width using 'em' units with a minimum plus one value, 1em
  • The 'border-bottom-width' property supports a minimum plus one length value in 'em' units that sets the width of the bottom border.
A
Border-bottom-width using 'em' units with a minimum value with a minus sign, -0em
  • The 'border-bottom-width' property supports a minimum length value in 'em' units that that has a minus sign before it.
A
Border-bottom-width using 'em' units with a minimum value with a plus sign, +0em
  • The 'border-bottom-width' property supports a minimum length value in 'em' units that that has a plus sign before it.
A
Border-bottom-width using 'em' units with a nominal value, 6em
  • The 'border-bottom-width' property supports a nominal length value in 'em' units that sets the width of the bottom border.
A
Border-bottom-width using 'em' units with a nominal value with a plus sign, +6em
  • The 'border-bottom-width' property supports a nominal length value in 'em' units that has a plus sign before it.
A
Border-bottom-width using 'ex' units with a minimum minus one (negative) value, -1ex
  • The 'border-bottom-width' property does not support a negative length value in 'ex' units and resets to the initial value.
invalid
Border-bottom-width using 'ex' units with a minimum value, 0ex
  • The 'border-bottom-width' property supports a minimum length value in 'ex' units that sets the width of the bottom border.
A
Border-bottom-width using 'ex' units with a minimum plus one value, 1ex
  • The 'border-bottom-width' property supports a minimum plus one length value in 'ex' units that sets the width of the bottom border.
A
Border-bottom-width using 'ex' units with a minimum value with a minus sign, -0ex
  • The 'border-bottom-width' property supports a minimum length value in 'ex' units that that has a minus sign before it.
A
Border-bottom-width using 'ex' units with a minimum value with a plus sign, +0ex
  • The 'border-bottom-width' property supports a minimum length value in 'ex' units that that has a plus sign before it.
A
Border-bottom-width using 'ex' units with a nominal value, 7.5ex
  • The 'border-bottom-width' property supports a nominal length value in 'ex' units that sets the width of the bottom border.
A
Border-bottom-width using 'ex' units with a nominal value with a plus sign, +7.5ex
  • The 'border-bottom-width' property supports a nominal length value in 'ex' units that has a plus sign before it.
A
Border-bottom-width set to negative zero with no units, -0
  • The 'border-bottom-width' property supports a minimum length value with no units that has a minus sign before it.
Border-bottom-width set to zero with no units, 0
  • The 'border-bottom-width' property supports a minimum length value with no units.
Border-bottom-width set to positive zero with no units, +0
  • The 'border-bottom-width' property supports a minimum length value with no units that has a plus sign before it.
Border-bottom-width set to thin
  • The 'border-bottom-width' property supports a value of thin.
Border-bottom-width set to medium
  • The 'border-bottom-width' property supports a value of medium.
Border-bottom-width set to thick
  • The 'border-bottom-width' property supports a value of thick.
Border-bottom-width set to inherit
  • The 'border-bottom-width' property supports a value of inherit and gets its computed value from its parent.
Border-bottom-width applied to element with display table-row-group
  • The 'border-bottom-width' property applies to elements with a display of table-row-group.
Border-bottom-width applied to element with display table-header-group
  • The 'border-bottom-width' property applies to elements with a display of table-header-group.
Border-bottom-width applied to element with display table-footer-group
  • The 'border-bottom-width' property applies to elements with a display of table-footer-group.
Border-bottom-width applied to element with display table-row
  • The 'border-bottom-width' property applies to elements with a display of table-row.
Border-bottom-width applied to element with display table-column-group
  • The 'border-bottom-width' property applies to elements with a display of table-column-group.
Border-bottom-width applied to element with display table-column
  • The 'border-bottom-width' property applies to elements with a display of table-column.
Border-bottom-width applied to element with display table-cell
  • The 'border-bottom-width' property applies to elements with a display of table-cell.
Border-bottom-width applied to element with display inline
  • The 'border-bottom-width' property applies to elements with a display of inline.
Border-bottom-width applied to element with display block
  • The 'border-bottom-width' property applies to elements with a display of block.
Border-bottom-width applied to element with display list-item
  • The 'border-bottom-width' property applies to elements with a display of list-item.
Border-bottom-width applied to element with display run-in
  • The 'border-bottom-width' property applies to elements with a display of run-in.
Border-bottom-width applied to element with display inline-block
  • The 'border-bottom-width' property applies to elements with a display of inline-block.
Border-bottom-width applied to element with display table
  • The 'border-bottom-width' property applies to elements with a display of table.
Border-bottom-width applied to element with display inline-table
  • The 'border-bottom-width' property applies to elements with a display of inline-table.
Border-bottom-width applied to element with display table-caption
  • The 'border-bottom-width' property applies to elements with a display of table-caption.
Border-left-width using pixels with a minimum minus one (negative) value, -1px
  • The 'border-left-width' property does not support a negative length value in pixels and resets to the initial value.
invalid
Border-left-width using pixels with a minimum value, 0px
  • The 'border-left-width' property supports a minimum length value in pixels that sets the width of the bottom border.
Border-left-width using pixels with a minimum plus one value, 1px
  • The 'border-left-width' property supports a minimum plus one length value in pixels that sets the width of the bottom border.
Border-left-width using pixels with a minimum value with a minus sign, -0px
  • The 'border-left-width' property supports a minimum length value in pixels that that has a minus sign before it.
Border-left-width using pixels with a minimum value with a plus sign, +0px
  • The 'border-left-width' property supports a minimum length value in pixels that that has a plus sign before it.
Border-left-width using pixels with a nominal value, 96px
  • The 'border-left-width' property supports a nominal length value in pixels that sets the width of the bottom border.
Border-left-width using pixels with a nominal value with a plus sign, +96px
  • The 'border-left-width' property supports a nominal length value in pixels that has a plus sign before it.
Border-left-width using points with a minimum minus one (negative) value, -1pt
  • The 'border-left-width' property does not support a negative length value in points and resets to the initial value.
invalid
Border-left-width using points with a minimum value, 0pt
  • The 'border-left-width' property supports a minimum length value in points that sets the width of the bottom border.
Border-left-width using points with a minimum value with a minus sign, -0pt
  • The 'border-left-width' property supports a minimum length value in points that that has a minus sign before it.
Border-left-width using points with a minimum value with a plus sign, +0pt
  • The 'border-left-width' property supports a minimum length value in points that that has a plus sign before it.
Border-left-width using points with a nominal value, 72pt
  • The 'border-left-width' property supports a nominal length value in points that sets the width of the bottom border.
Border-left-width using points with a nominal value with a plus sign, +72pt
  • The 'border-left-width' property supports a nominal length value in points that has a plus sign before it.
Border-left-width using picas with a minimum minus one (negative) value, -1pc
  • The 'border-left-width' property does not support a negative length value in picas and resets to the initial value.
invalid
Border-left-width using picas with a minimum value, 0pc
  • The 'border-left-width' property supports a minimum length value in picas that sets the width of the bottom border.
Border-left-width using picas with a minimum plus one value, 1pc
  • The 'border-left-width' property supports a minimum plus one length value in picas that sets the width of the bottom border.
Border-left-width using picas with a minimum value with a minus sign, -0pc
  • The 'border-left-width' property supports a minimum length value in picas that that has a minus sign before it.
Border-left-width using picas with a minimum value with a plus sign, +0pc
  • The 'border-left-width' property supports a minimum length value in picas that that has a plus sign before it.
Border-left-width using picas with a nominal value, 6pc
  • The 'border-left-width' property supports a nominal length value in picas that sets the width of the bottom border.
Border-left-width using picas with a nominal value with a plus sign, +6pc
  • The 'border-left-width' property supports a nominal length value in picas that has a plus sign before it.
Border-left-width using centimeters with a minimum minus one (negative) value, -1cm
  • The 'border-left-width' property does not support a negative length value in centimeters and resets to the initial value.
invalid
Border-left-width using centimeters with a minimum value, 0cm
  • The 'border-left-width' property supports a minimum length value in centimeters that sets the width of the bottom border.
Border-left-width using centimeters with a minimum plus one value, 1cm
  • The 'border-left-width' property supports a minimum plus one length value in centimeters that sets the width of the bottom border.
Border-left-width using centimeters with a minimum value with a minus sign, -0cm
  • The 'border-left-width' property supports a minimum length value in centimeters that that has a minus sign before it.
Border-left-width using centimeters with a minimum value with a plus sign, +0cm
  • The 'border-left-width' property supports a minimum length value in centimeters that that has a plus sign before it.
Border-left-width using centimeters with a nominal value, 2.54cm
  • The 'border-left-width' property supports a nominal length value in centimeters that sets the width of the bottom border.
Border-left-width using centimeters with a nominal value with a plus sign, +2.54cm
  • The 'border-left-width' property supports a nominal length value in centimeters that has a plus sign before it.
Border-left-width using millimeters with a minimum minus one (negative) value, -1mm
  • The 'border-left-width' property does not support a negative length value in millimeters and resets to the initial value.
invalid
Border-left-width using millimeters with a minimum value, 0mm
  • The 'border-left-width' property supports a minimum length value in millimeters that sets the width of the bottom border.
Border-left-width using millimeters with a minimum plus one value, 1mm
  • The 'border-left-width' property supports a minimum plus one length value in millimeters that sets the width of the bottom border.
Border-left-width using millimeters with a minimum value with a minus sign, -0mm
  • The 'border-left-width' property supports a minimum length value in millimeters that that has a minus sign before it.
Border-left-width using millimeters with a minimum value with a plus sign, +0mm
  • The 'border-left-width' property supports a minimum length value in millimeters that that has a plus sign before it.
Border-left-width using millimeters with a nominal value, 25.4mm
  • The 'border-left-width' property supports a nominal length value in millimeters that sets the width of the bottom border.
Border-left-width using millimeters with a nominal value with a plus sign, +25.4mm
  • The 'border-left-width' property supports a nominal length value in millimeters that has a plus sign before it.
Border-left-width using inches with a minimum minus one (negative) value, -1in
  • The 'border-left-width' property does not support a negative length value in inches and resets to the initial value.
invalid
Border-left-width using inches with a minimum value, 0in
  • The 'border-left-width' property supports a minimum length value in inches that sets the width of the bottom border.
Border-left-width using inches with a minimum plus one value, 1in
  • The 'border-left-width' property supports a minimum plus one length value in inches that sets the width of the bottom border.
Border-left-width using inches with a minimum value with a minus sign, -0in
  • The 'border-left-width' property supports a minimum length value in inches that that has a minus sign before it.
Border-left-width using inches with a minimum value with a plus sign, +0in
  • The 'border-left-width' property supports a minimum length value in inches that that has a plus sign before it.
Border-left-width using inches with a nominal value, 5in
  • The 'border-left-width' property supports a nominal length value in inches that sets the width of the bottom border.
Border-left-width using inches with a nominal value with a plus sign, +5in
  • The 'border-left-width' property supports a nominal length value in inches that has a plus sign before it.
Border-left-width using 'em' units with a minimum minus one (negative) value, -1em
  • The 'border-left-width' property does not support a negative length value in 'em' units and resets to the initial value.
Ainvalid
Border-left-width using 'em' units with a minimum value, 0em
  • The 'border-left-width' property supports a minimum length value in 'em' units that sets the width of the bottom border.
A
Border-left-width using 'em' units with a minimum plus one value, 1em
  • The 'border-left-width' property supports a minimum plus one length value in 'em' units that sets the width of the bottom border.
A
Border-left-width using 'em' units with a minimum value with a minus sign, -0em
  • The 'border-left-width' property supports a minimum length value in 'em' units that that has a minus sign before it.
A
Border-left-width using 'em' units with a minimum value with a plus sign, +0em
  • The 'border-left-width' property supports a minimum length value in 'em' units that that has a plus sign before it.
A
Border-left-width using 'em' units with a nominal value, 6em
  • The 'border-left-width' property supports a nominal length value in 'em' units that sets the width of the bottom border.
A
Border-left-width using 'em' units with a nominal value with a plus sign, +6em
  • The 'border-left-width' property supports a nominal length value in 'em' units that has a plus sign before it.
A
Border-left-width using 'ex' units with a minimum minus one (negative) value, -1ex
  • The 'border-left-width' property does not support a negative length value in 'ex' units and resets to the initial value.
Ainvalid
Border-left-width using 'ex' units with a minimum value, 0ex
  • The 'border-left-width' property supports a minimum length value in 'ex' units that sets the width of the bottom border.
A
Border-left-width using 'ex' units with a minimum plus one value, 1ex
  • The 'border-left-width' property supports a minimum plus one length value in 'ex' units that sets the width of the bottom border.
A
Border-left-width using 'ex' units with a minimum value with a minus sign, -0ex
  • The 'border-left-width' property supports a minimum length value in 'ex' units that that has a minus sign before it.
A
Border-left-width using 'ex' units with a minimum value with a plus sign, +0ex
  • The 'border-left-width' property supports a minimum length value in 'ex' units that that has a plus sign before it.
A
Border-left-width using 'ex' units with a nominal value
  • The 'border-left-width' property supports a nominal length value in 'ex' units that sets the width of the bottom border.
A
Border-left-width using 'ex' units with a nominal value with a plus sign
  • The 'border-left-width' property supports a nominal length value in 'ex' units that has a plus sign before it.
A
Border-left-width set to negative zero with no units, -0
  • The 'border-left-width' property supports a minimum length value with no units that has a minus sign before it.
Border-left-width set to zero with no units, 0
  • The 'border-left-width' property supports a minimum length value with no units.
Border-left-width set to positive zero with no units, +0
  • The 'border-left-width' property supports a minimum length value with no units that has a plus sign before it.
Border-left-width set to thin
  • The 'border-left-width' property supports a value of thin.
Border-left-width set to medium
  • The 'border-left-width' property supports a value of medium.
Border-left-width set to thick
  • The 'border-left-width' property supports a value of thick.
Border-left-width set to inherit
  • The 'border-left-width' property supports a value of inherit and gets its computed value from its parent.
Border-left-width applied to element with display table-row-group
  • The 'border-left-width' properties applies to elements with a display of table-row-group.
Border-left-width applied to element with display table-header-group
  • The 'border-left-width' properties applies to elements with a display of table-header-group.
Border-left-width applied to element with display table-footer-group
  • The 'border-left-width' properties applies to elements with a display of table-footer-group.
Border-left-width applied to element with display table-row
  • The 'border-left-width' properties applies to elements with a display of table-row.
Border-left-width applied to element with display table-column-group
  • The 'border-left-width' properties applies to elements with a display of table-column-group.
Border-left-width applied to element with display table-column
  • The 'border-left-width' properties applies to elements with a display of table-column.
Border-left-width applied to element with display table-cell
  • The 'border-left-width' properties applies to elements with a display of table-cell.
Border-left-width applied to element with display inline
  • The 'border-left-width' properties applies to elements with a display of inline.
Border-left-width applied to element with display block
  • The 'border-left-width' properties applies to elements with a display of block.
Border-left-width applied to element with display list-item
  • The 'border-left-width' properties applies to elements with a display of list-item.
Border-left-width applied to element with display run-in
  • The 'border-left-width' properties applies to elements with a display of run-in.
Border-left-width applied to element with display inline-block
  • The 'border-left-width' properties applies to elements with a display of inline-block.
Border-left-width applied to element with display table
  • The 'border-left-width' properties applies to elements with a display of table.
Border-left-width applied to element with display inline-table
  • The 'border-left-width' properties applies to elements with a display of inline-table.
Border-left-width applied to element with display table-caption
  • The 'border-left-width' properties applies to elements with a display of table-caption.
Border-right-width using pixels with a minimum minus one (negative) value, -1px
  • The 'border-right-width' property does not support a negative length value in pixels and resets to the initial value.
invalid
Border-right-width using pixels with a minimum value, 0px
  • The 'border-right-width' property supports a minimum length value in pixels that sets the width of the bottom border.
Border-right-width using pixels with a minimum plus one value, 1px
  • The 'border-right-width' property supports a minimum plus one length value in pixels that sets the width of the bottom border.
Border-right-width using pixels with a minimum value with a minus sign, -0px
  • The 'border-right-width' property supports a minimum length value in pixels that that has a minus sign before it.
Border-right-width using pixels with a minimum value with a plus sign, +0px
  • The 'border-right-width' property supports a minimum length value in pixels that that has a plus sign before it.
Border-right-width using pixels with a nominal value, 96px
  • The 'border-right-width' property supports a nominal length value in pixels that sets the width of the bottom border.
Border-right-width using pixels with a nominal value with a plus sign, +96px
  • The 'border-right-width' property supports a nominal length value in pixels that has a plus sign before it.
Border-right-width using points with a minimum minus one (negative) value, -1pt
  • The 'border-right-width' property does not support a negative length value in points and resets to the initial value.
invalid
Border-right-width using points with a minimum value, 0pt
  • The 'border-right-width' property supports a minimum length value in points that sets the width of the bottom border.
Border-right-width using points with a minimum value with a minus sign, -0pt
  • The 'border-right-width' property supports a minimum length value in points that that has a minus sign before it.
Border-right-width using points with a minimum value with a plus sign, +0pt
  • The 'border-right-width' property supports a minimum length value in points that that has a plus sign before it.
Border-right-width using points with a nominal value, 72pt
  • The 'border-right-width' property supports a nominal length value in points that sets the width of the bottom border.
Border-right-width using points with a nominal value with a plus sign, +72pt
  • The 'border-right-width' property supports a nominal length value in points that has a plus sign before it.
Border-right-width using picas with a minimum minus one (negative) value, -1pc
  • The 'border-right-width' property does not support a negative length value in picas and resets to the initial value.
invalid
Border-right-width using picas with a minimum value, 0pc
  • The 'border-right-width' property supports a minimum length value in picas that sets the width of the bottom border.
Border-right-width using picas with a minimum plus one value, 1pc
  • The 'border-right-width' property supports a minimum plus one length value in picas that sets the width of the bottom border.
Border-right-width using picas with a minimum value with a minus sign, -0pc
  • The 'border-right-width' property supports a minimum length value in picas that that has a minus sign before it.
Border-right-width using picas with a minimum value with a plus sign, +0pc
  • The 'border-right-width' property supports a minimum length value in picas that that has a plus sign before it.
Border-right-width using picas with a nominal value, 6pc
  • The 'border-right-width' property supports a nominal length value in picas that sets the width of the bottom border.
Border-right-width using picas with a nominal value with a plus sign, +6pc
  • The 'border-right-width' property supports a nominal length value in picas that has a plus sign before it.
Border-right-width using centimeters with a minimum minus one (negative) value, -1cm
  • The 'border-right-width' property does not support a negative length value in centimeters and resets to the initial value.
invalid
Border-right-width using centimeters with a minimum value, 0cm
  • The 'border-right-width' property supports a minimum length value in centimeters that sets the width of the bottom border.
Border-right-width using centimeters with a minimum plus one value, 1cm
  • The 'border-right-width' property supports a minimum plus one length value in centimeters that sets the width of the bottom border.
Border-right-width using centimeters with a minimum value with a minus sign, -0cm
  • The 'border-right-width' property supports a minimum length value in centimeters that that has a minus sign before it.
Border-right-width using centimeters with a minimum value with a plus sign, +0cm
  • The 'border-right-width' property supports a minimum length value in centimeters that that has a plus sign before it.
Border-right-width using centimeters with a nominal value, 2.54cm
  • The 'border-right-width' property supports a nominal length value in centimeters that sets the width of the bottom border.
Border-right-width using centimeters with a nominal value with a plus sign, +2.54cm
  • The 'border-right-width' property supports a nominal length value in centimeters that has a plus sign before it.
Border-right-width using millimeters with a minimum minus one (negative) value, -1mm
  • The 'border-right-width' property does not support a negative length value in millimeters and resets to the initial value.
invalid
Border-right-width using millimeters with a minimum value, 0mm
  • The 'border-right-width' property supports a minimum length value in millimeters that sets the width of the bottom border.
Border-right-width using millimeters with a minimum plus one value, 1mm
  • The 'border-right-width' property supports a minimum plus one length value in millimeters that sets the width of the bottom border.
Border-right-width using millimeters with a minimum value with a minus sign, -0mm
  • The 'border-right-width' property supports a minimum length value in millimeters that that has a minus sign before it.
Border-right-width using millimeters with a minimum value with a plus sign, +0mm
  • The 'border-right-width' property supports a minimum length value in millimeters that that has a plus sign before it.
Border-right-width using millimeters with a nominal value, 25.4mm
  • The 'border-right-width' property supports a nominal length value in millimeters that sets the width of the bottom border.
Border-right-width using millimeters with a nominal value with a plus sign, +25.4mm
  • The 'border-right-width' property supports a nominal length value in millimeters that has a plus sign before it.
Border-right-width using inches with a minimum minus one (negative) value, -1in
  • The 'border-right-width' property does not support a negative length value in inches and resets to the initial value.
invalid
Border-right-width using inches with a minimum value, 0in
  • The 'border-right-width' property supports a minimum length value in inches that sets the width of the bottom border.
Border-right-width using inches with a minimum plus one value, 1in
  • The 'border-right-width' property supports a minimum plus one length value in inches that sets the width of the bottom border.
Border-right-width using inches with a minimum value with a minus sign, -0in
  • The 'border-right-width' property supports a minimum length value in inches that that has a minus sign before it.
Border-right-width using inches with a minimum value with a plus sign, +0in
  • The 'border-right-width' property supports a minimum length value in inches that that has a plus sign before it.
Border-right-width using inches with a nominal value, 5in
  • The 'border-right-width' property supports a nominal length value in inches that sets the width of the bottom border.
Border-right-width using inches with a nominal value with a plus sign, +5in
  • The 'border-right-width' property supports a nominal length value in inches that has a plus sign before it.
Border-right-width using 'em' units with a minimum minus one (negative) value, -1em
  • The 'border-right-width' property does not support a negative length value in 'em' units and resets to the initial value.
Ainvalid
Border-right-width using 'em' units with a minimum value, 0em
  • The 'border-right-width' property supports a minimum length value in 'em' units that sets the width of the bottom border.
A
Border-right-width using 'em' units with a minimum plus one value, 1em
  • The 'border-right-width' property supports a minimum plus one length value in 'em' units that sets the width of the bottom border.
A
Border-right-width using 'em' units with a minimum value with a minus sign, -0em
  • The 'border-right-width' property supports a minimum length value in 'em' units that that has a minus sign before it.
A
Border-right-width using 'em' units with a minimum value with a plus sign, +0em
  • The 'border-right-width' property supports a minimum length value in 'em' units that that has a plus sign before it.
A
Border-right-width using 'em' units with a nominal value, 6em
  • The 'border-right-width' property supports a nominal length value in 'em' units that sets the width of the bottom border.
A
Border-right-width using 'em' units with a nominal value with a plus sign, +6em
  • The 'border-right-width' property supports a nominal length value in 'em' units that has a plus sign before it.
A
Border-right-width using 'ex' units with a minimum minus one (negative) value, -1ex
  • The 'border-right-width' property does not support a negative length value in 'ex' units and resets to the initial value.
Ainvalid
Border-right-width using 'ex' units with a minimum value, 0ex
  • The 'border-right-width' property supports a minimum length value in 'ex' units that sets the width of the bottom border.
A
Border-right-width using 'ex' units with a minimum plus one value, 1ex
  • The 'border-right-width' property supports a minimum plus one length value in 'ex' units that sets the width of the bottom border.
A
Border-right-width using 'ex' units with a minimum value with a minus sign, -0ex
  • The 'border-right-width' property supports a minimum length value in 'ex' units that that has a minus sign before it.
A
Border-right-width using 'ex' units with a minimum value with a plus sign, +0ex
  • The 'border-right-width' property supports a minimum length value in 'ex' units that that has a plus sign before it.
A
Border-right-width using 'ex' units with a nominal value
  • The 'border-right-width' property supports a nominal length value in 'ex' units that sets the width of the bottom border.
A
Border-right-width using 'ex' units with a nominal value with a plus sign
  • The 'border-right-width' property supports a nominal length value in 'ex' units that has a plus sign before it.
A
Border-right-width set to negative zero with no units, -0
  • The 'border-right-width' property supports a minimum length value with no units that has a minus sign before it.
Border-right-width set to zero with no units, 0
  • The 'border-right-width' property supports a minimum length value with no units.
Border-right-width set to positive zero with no units, +0
  • The 'border-right-width' property supports a minimum length value with no units that has a plus sign before it.
Border-right-width set to thin
  • The 'border-right-width' property supports a value of thin.
Border-right-width set to medium
  • The 'border-right-width' property supports a value of medium.
Border-right-width set to thick
  • The 'border-right-width' property supports a value of thick.
Border-right-width set to inherit
  • The 'border-right-width' property supports a value of inherit and gets its computed value from its parent.
Border-right-width applied to element with display table-row-group
  • The 'border-right-width' property applies to elements with a display of table-row-group.
Border-right-width applied to element with display table-header-group
  • The 'border-right-width' property applies to elements with a display of table-header-group.
Border-right-width applied to element with display table-footer-group
  • The 'border-right-width' property applies to elements with a display of table-footer-group.
Border-right-width applied to element with display table-row
  • The 'border-right-width' property applies to elements with a display of table-row.
Border-right-width applied to element with display table-column-group
  • The 'border-right-width' property applies to elements with a display of table-column-group.
Border-right-width applied to element with display table-column
  • The 'border-right-width' property applies to elements with a display of table-column.
Border-right-width applied to element with display table-cell
  • The 'border-right-width' property applies to elements with a display of table-cell.
Border-right-width applied to element with display inline
  • The 'border-right-width' property applies to elements with a display of inline.
Border-right-width applied to element with display block
  • The 'border-right-width' property applies to elements with a display of block.
Border-right-width applied to element with display list-item
  • The 'border-right-width' property applies to elements with a display of list-item.
Border-right-width applied to element with display run-in
  • The 'border-right-width' property applies to elements with a display of run-in.
Border-right-width applied to element with display inline-block
  • The 'border-right-width' property applies to elements with a display of inline-block.
Border-right-width applied to element with display table
  • The 'border-right-width' property applies to elements with a display of table.
Border-right-width applied to element with display inline-table
  • The 'border-right-width' property applies to elements with a display of inline-table.
Border-right-width applied to element with display table-caption
  • The 'border-right-width' property applies to elements with a display of table-caption.
Border-width shorthand property set using one value
  • The 'border-width' shorthand property set using one value correctly sets the border width for the appropriate sides of an element.
Border-top-width using pixels with a minimum minus one (negative) value, -1px
  • The 'border-top-width' property does not support a negative length value in pixels and resets to the initial value.
invalid
Border-top-width using pixels with a minimum value, 0px
  • The 'border-top-width' property supports a minimum length value in pixels that sets the width of the top border.
Border-top-width using pixels with a minimum plus one value, 1px
  • The 'border-top-width' property supports a minimum plus one length value in pixels that sets the width of the top border.
Border-top-width using pixels with a minimum value with a minus sign, -0px
  • The 'border-top-width' property supports a minimum length value in pixels that that has a minus sign before it.
Border-top-width using pixels with a minimum value with a plus sign, +0px
  • The 'border-top-width' property supports a minimum length value in pixels that that has a plus sign before it.
Border-top-width using pixels with a nominal value, 96px
  • The 'border-top-width' property supports a nominal length value in pixels that sets the width of the top border.
Border-top-width using pixels with a nominal value with a plus sign, +96px
  • The 'border-top-width' property supports a nominal length value in pixels that has a plus sign before it.
Border-top-width using points with a minimum minus one (negative) value, -1pt
  • The 'border-top-width' property does not support a negative length value in points and resets to the initial value.
invalid
Border-top-width using points with a minimum value, 0pt
  • The 'border-top-width' property supports a minimum length value in points that sets the width of the top border.
Border-top-width using points with a minimum plus one value, 1pt
  • The 'border-top-width' property supports a minimum plus one length value in points that sets the width of the top border.
Border-top-width using points with a minimum value with a minus sign, -0pt
  • The 'border-top-width' property supports a minimum length value in points that that has a minus sign before it.
Border-top-width using points with a minimum value with a plus sign, +0pt
  • The 'border-top-width' property supports a minimum length value in points that that has a plus sign before it.
Border-top-width using points with a nominal value, 72pt
  • The 'border-top-width' property supports a nominal length value in points that sets the width of the top border.
Border-top-width using points with a nominal value with a plus sign, +72pt
  • The 'border-top-width' property supports a nominal length value in points that has a plus sign before it.
Border-top-width using picas with a minimum minus one (negative) value, -1pc
  • The 'border-top-width' property does not support a negative length value in picas and resets to the initial value.
invalid
Border-top-width using picas with a minimum value, 0pc
  • The 'border-top-width' property supports a minimum length value in picas that sets the width of the top border.
Border-top-width using picas with a minimum plus one value, 1pc
  • The 'border-top-width' property supports a minimum plus one length value in picas that sets the width of the top border.
Border-top-width using picas with a minimum value with a minus sign, -0pc
  • The 'border-top-width' property supports a minimum length value in picas that that has a minus sign before it.
Border-top-width using picas with a minimum value with a plus sign, +0pc
  • The 'border-top-width' property supports a minimum length value in picas that that has a plus sign before it.
Border-top-width using picas with a nominal value, 6pc
  • The 'border-top-width' property supports a nominal length value in picas that sets the width of the top border.
Border-top-width using picas with a nominal value with a plus sign, +6pc
  • The 'border-top-width' property supports a nominal length value in picas that has a plus sign before it.
Border-top-width using centimeters with a minimum minus one (negative) value, -1cm
  • The 'border-top-width' property does not support a negative length value in centimeters and resets to the initial value.
invalid
Border-top-width using centimeters with a minimum value, 0cm
  • The 'border-top-width' property supports a minimum length value in centimeters that sets the width of the top border.
Border-top-width using centimeters with a minimum plus one value, 1cm
  • The 'border-top-width' property supports a minimum plus one length value in centimeters that sets the width of the top border.
Border-top-width using centimeters with a minimum value with a minus sign, -0cm
  • The 'border-top-width' property supports a minimum length value in centimeters that that has a minus sign before it.
Border-top-width using centimeters with a minimum value with a plus sign, +0cm
  • The 'border-top-width' property supports a minimum length value in centimeters that that has a plus sign before it.
Border-top-width using centimeters with a nominal value, 2.54cm
  • The 'border-top-width' property supports a nominal length value in centimeters that sets the width of the top border.
Border-top-width using centimeters with a nominal value with a plus sign, +2.54cm
  • The 'border-top-width' property supports a nominal length value in centimeters that has a plus sign before it.
Border-top-width using millimeters with a minimum minus one (negative) value, -1mm
  • The 'border-top-width' property does not support a negative length value in millimeters and resets to the initial value.
invalid
Border-top-width using millimeters with a minimum value, 0mm
  • The 'border-top-width' property supports a minimum length value in millimeters that sets the width of the top border.
Border-top-width using millimeters with a minimum plus one value, 1mm
  • The 'border-top-width' property supports a minimum plus one length value in millimeters that sets the width of the top border.
Border-top-width using millimeters with a minimum value with a minus sign, -0mm
  • The 'border-top-width' property supports a minimum length value in millimeters that that has a minus sign before it.
Border-top-width using millimeters with a minimum value with a plus sign, +0mm
  • The 'border-top-width' property supports a minimum length value in millimeters that that has a plus sign before it.
Border-top-width using millimeters with a nominal value, 25.4mm
  • The 'border-top-width' property supports a nominal length value in millimeters that sets the width of the top border.
Border-top-width using millimeters with a nominal value with a plus sign, +25.4mm
  • The 'border-top-width' property supports a nominal length value in millimeters that has a plus sign before it.
Border-top-width using inches with a minimum minus one (negative) value, -1in
  • The 'border-top-width' property does not support a negative length value in inches and resets to the initial value.
invalid
Border-top-width using inches with a minimum value, 0in
  • The 'border-top-width' property supports a minimum length value in inches that sets the width of the top border.
Border-top-width using inches with a minimum plus one value, 1in
  • The 'border-top-width' property supports a minimum plus one length value in inches that sets the width of the top border.
Border-top-width using inches with a minimum value with a minus sign, -0in
  • The 'border-top-width' property supports a minimum length value in inches that that has a minus sign before it.
Border-top-width using inches with a minimum value with a plus sign, +0in
  • The 'border-top-width' property supports a minimum length value in inches that that has a plus sign before it.
Border-top-width using inches with a nominal value, 5in
  • The 'border-top-width' property supports a nominal length value in inches that sets the width of the top border.
Border-top-width using inches with a nominal value with a plus sign, +5in
  • The 'border-top-width' property supports a nominal length value in inches that has a plus sign before it.
Border-top-width using 'em' units with a minimum minus one (negative) value, -1em
  • The 'border-top-width' property does not support a negative length value in 'em' units and resets to the initial value.
invalid
Border-top-width using 'em' units with a minimum value, 0em
  • The 'border-top-width' property supports a minimum length value in 'em' units that sets the width of the top border.
A
Border-top-width using 'em' units with a minimum plus one value, 1em
  • The 'border-top-width' property supports a minimum plus one length value in 'em' units that sets the width of the top border.
A
Border-top-width using 'em' units with a minimum value with a minus sign, -0em
  • The 'border-top-width' property supports a minimum length value in 'em' units that that has a minus sign before it.
A
Border-top-width using 'em' units with a minimum value with a plus sign, +0em
  • The 'border-top-width' property supports a minimum length value in 'em' units that that has a plus sign before it.
A
Border-top-width using 'em' units with a nominal value, 6em
  • The 'border-top-width' property supports a nominal length value in 'em' units that sets the width of the top border.
A
Border-top-width using 'em' units with a nominal value with a plus sign, +6em
  • The 'border-top-width' property supports a nominal length value in 'em' units that has a plus sign before it.
A
Border-top-width using 'ex' units with a minimum minus one (negative) value, -1ex
  • The 'border-top-width' property does not support a negative length value in 'ex' units and resets to the initial value.
invalid
Border-top-width using 'ex' units with a minimum value, 0ex
  • The 'border-top-width' property supports a minimum length value in 'ex' units that sets the width of the top border.
A
Border-top-width using 'ex' units with a minimum plus one value, 1ex
  • The 'border-top-width' property supports a minimum plus one length value in 'ex' units that sets the width of the top border.
A
Border-top-width using 'ex' units with a minimum value with a minus sign, -0ex
  • The 'border-top-width' property supports a minimum length value in 'ex' units that that has a minus sign before it.
A
Border-top-width using 'ex' units with a minimum value with a plus sign, +0ex
  • The 'border-top-width' property supports a minimum length value in 'ex' units that that has a plus sign before it.
A
Border-top-width using 'ex' units with a nominal value, 7.5ex
  • The 'border-top-width' property supports a nominal length value in 'ex' units that sets the width of the top border.
A
Border-top-width using 'ex' units with a nominal value with a plus sign, +7.5ex
  • The 'border-top-width' property supports a nominal length value in 'ex' units that has a plus sign before it.
A
Border-top-width set to negative zero with no units, -0
  • The 'border-top-width' property supports a minimum length value with no units that has a minus sign before it.
Border-top-width set to zero with no units, 0
  • The 'border-top-width' property supports a minimum length value with no units.
Border-top-width set to positive zero with no units, +0
  • The 'border-top-width' property supports a minimum length value with no units that has a plus sign before it.
Border-top-width set to thin
  • The 'border-top-width' property supports a value of thin.
Border-top-width set to medium
  • The 'border-top-width' property supports a value of medium.
Border-top-width set to thick
  • The 'border-top-width' property supports a value of thick.
Border-top-width set to inherit
  • The 'border-top-width' property supports a value of inherit and gets its computed value from its parent.
Border-top-width applied to element with display table-row-group
  • The 'border-top-width' property applies to elements with a display of table-row-group.
Border-top-width applied to element with display table-header-group
  • The 'border-top-width' property applies to elements with a display of table-header-group.
Border-top-width applied to element with display table-footer-group
  • The 'border-top-width' property applies to elements with a display of table-footer-group.
Border-top-width applied to element with display table-row
  • The 'border-top-width' property applies to elements with a display of table-row.
Border-top-width applied to element with display table-column-group
  • The 'border-top-width' property applies to elements with a display of table-column-group.
Border-top-width applied to element with display table-column
  • The 'border-top-width' property applies to elements with a display of table-column.
Border-top-width applied to element with display table-cell
  • The 'border-top-width' property applies to elements with a display of table-cell.
Border-top-width applied to element with display inline
  • The 'border-top-width' property applies to elements with a display of inline.
Border-top-width applied to element with display block
  • The 'border-top-width' property applies to elements with a display of block.
Border-top-width applied to element with display list-item
  • The 'border-top-width' The 'property' property applies to elements with a display of list-item.
Border-top-width applied to element with display run-in
  • The 'border-top-width' property applies to elements with a display of run-in.
Border-top-width applied to element with display inline-block
  • The 'border-top-width' property applies to elements with a display of inline-block.
Border-top-width applied to element with display table
  • The 'border-top-width' property applies to elements with a display of table.
Border-top-width applied to element with display inline-table
  • The 'border-top-width' property applies to elements with a display of inline-table.
Border-top-width applied to element with display table-caption
  • The 'border-top-width' property applies to elements with a display of table-caption.
Border-width shorthand property set using two values
  • The 'border-width' shorthand property set using two values correctly sets the border width for the appropriate sides of an element.
Border-width shorthand property set using three values
  • The 'border-width' shorthand property set using three values correctly sets the border width for the appropriate sides of an element.
Border-width shorthand property set using four values
  • The 'border-width' shorthand property set using four values correctly sets the border width for the appropriate sides of an element.
Border-width shorthand property set to 'inherit', inheriting one value
  • The 'border-width' property set to 'inherit' correctly inherits the one value specified on the parent element.
Border-width shorthand property set to 'inherit', inheriting two values
  • The 'border-width' property set to 'inherit' correctly inherits the two values specified on the parent element.
Border-width shorthand property set to 'inherit', inheriting three values
  • The 'border-width' property set to 'inherit' correctly inherits the three values specified on the parent element.
Border-width shorthand property set to 'inherit', inheriting four values
  • The 'border-width' property set to 'inherit' correctly inherits the four values specified on the parent element.
Border-width applied to element with display table-row-group
  • The 'border-width' property applies to elements with a display of table-row-group.
Border-width applied to element with display table-header-group
  • The 'border-width' property applies to elements with a display of table-header-group.
Border-width applied to element with display table-footer-group
  • The 'border-width' property applies to elements with a display of table-footer-group.
Border-width applied to element with display table-row
  • The 'border-width' property applies to elements with a display of table-row.
Border-width applied to element with display table-column-group
  • The 'border-width' property applies to elements with a display of table-column-group.
Border-width applied to element with display table-column
  • The 'border-width' property applies to elements with a display of table-column.
Border-width applied to element with display table-cell
  • The 'border-width' property applies to elements with a display of table-cell.
Border-width applied to element with display inline
  • The 'border-width' property applies to elements with a display of inline.
Border-width applied to element with display block
  • The 'border-width' property applies to elements with a display of block.
Border-width applied to element with display list-item
  • The 'border-width' property applies to elements with a display of list-item.
Border-width applied to element with display run-in
  • The 'border-width' property applies to elements with a display of run-in.
Border-width applied to element with display inline-block
  • The 'border-width' property applies to elements with a display of inline-block.
Border-width applied to element with display table
  • The 'border-width' property applies to elements with a display of table.
Border-width applied to element with display inline-table
  • The 'border-width' property applies to elements with a display of inline-table.
Border-width applied to element with display table-caption
  • The 'border-width' property applies to elements with a display of table-caption.
Border-width - Relation of thin, medium, and thick
  • A border-width set to thin is small than a border-width that is set to medium which is smaller than a border-width that is set to thick.
Border-width set using a single value
  • Applying a single value to the 'border-width' property applies the value to all sides of the element.
Border-width set using two values
  • Applying two values to the border-width property applies the first value to the top and bottom and the second to the left and right.
Border-width set using three values
  • Applying three values to the border-width property applies the first value to the top. The second value to the left and right and the third value to the bottom.
Border-width set using four values
  • Applying four values to the border-width property applies the values top, right, bottom, left, respectively.
8.5.2 Border color: 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color', and 'border-color'
Border-bottom-color set to hex with five digits which is invalid and is equivalent to minimum minus one value for six digit hex
  • The 'border-bottom-color' set to #00000 falls back to the initial value.
invalid
Border-bottom-color set to hex with six digits with the minimum value, #000000
  • The 'border-bottom-color' set to #000000 renders the correct color.
Border-bottom-color set to hex with six digits with the minimum plus one value, #010101
  • The 'border-bottom-color' set to #010101 renders the correct color.
Border-bottom-color set to hex with six digits with a nominal value #999999
  • The 'border-bottom-color' set to #999999 renders the correct color.
Border-bottom-color set to hex with six digits with the maximum minus one value of #fefefe
  • The 'border-bottom-color' set to #fefefe renders the correct color for the border.
Border-bottom-color set to hex with six digits with the maximum value of #ffffff
  • The 'border-bottom-color' set to #ffffff renders the correct color.
Border-bottom-color set to hex with six digits with the maximum plus one value of #1000000
  • The 'border-bottom-color' set to #1000000 falls back to the initial value.
invalid
Border-bottom-color set to hex with six digits with the maximum plus one value of #fgfgfg
  • The 'border-bottom-color' set to #fgfgfg falls back to the initial value.
invalid
Border-bottom-color set to hex with six digits with a red set to minimum plus one value, #010000
  • The 'border-bottom-color' set to #010000 renders the correct color.
Border-bottom-color set to hex with six digits with a red set to a nominal value, #990000
  • The 'border-bottom-color' set to #990000 renders the correct color.
Border-bottom-color set to hex with six digits with a red set to maximum minus one value, #fe0000
  • The 'border-bottom-color' set to #fe0000 renders the correct color.
Border-bottom-color set to hex with six digits with a red set to the maximum value, #ff0000
  • The 'border-bottom-color' set to #ff0000 renders the correct color.
Border-bottom-color set to hex with six digits with a red set to the maximum plus one value, #fg0000
  • The 'border-bottom-color' set to #fg0000 falls back to the initial value.
invalid
Border-bottom-color set to hex with six digits with a green set to minimum plus one value, #000100
  • The 'border-bottom-color' set to #000100 renders the correct color.
Border-bottom-color set to hex with six digits with a green set to a nominal value, #009900
  • The 'border-bottom-color' set to #009900 renders the correct color.
Border-bottom-color set to hex with six digits with a green set to maximum minus one value, #00fe00
  • The 'border-bottom-color' set to #00fe00 renders the correct color.
Border-bottom-color set to hex with six digits with a green set to the maximum value, #00ff00
  • The 'border-bottom-color' set to #00ff00 renders the correct color.
Border-bottom-color set to hex with six digits with a green set to the maximum plus one value, #00fg00
  • The 'border-bottom-color' set to #00fg00 falls back to the initial value.
invalid
Border-bottom-color set to hex with six digits with a blue set to minimum plus one value, #000001
  • The 'border-bottom-color' set to #000001 renders the correct color.
Border-bottom-color set to hex with six digits with a blue set to a nominal value, #000099
  • The 'border-bottom-color' set to #000099 renders the correct color.
Border-bottom-color set to hex with six digits with a blue set to maximum minus one value, #0000fe
  • The 'border-bottom-color' set to #0000fe renders the correct color.
Border-bottom-color set to hex with six digits with a blue set to the maximum value, #0000ff
  • The 'border-bottom-color' set to #0000ff renders the correct color.
Border-bottom-color set to hex with six digits with a blue set to the maximum plus one value, #0000fg
  • The 'border-bottom-color' set to #0000fg falls back to the initial value.
invalid
Border-bottom-color set to hex with 2 digits which is invalid and is equivalent to minimum minus one value for 3 digit hex
  • The 'border-bottom-color' set to #00 falls back to the initial value.
invalid
Border-bottom-color set to hex with three digits with the minimum possible value #000
  • The 'border-bottom-color' set to #000 renders the correct color.
Border-bottom-color set to hex with three digits with the minimum plus one value, #111
  • The 'border-bottom-color' set to #111 renders the correct color.
Border-bottom-color set to hex with three digits with a nominal value #999
  • The 'border-bottom-color' set to #999 renders the correct color.
Border-bottom-color set to hex with three digits with the maximum minus one value of #eee
  • The 'border-bottom-color' set to #eee renders the correct color.
Border-bottom-color set to hex with three digits with the maximum value of #fff
  • The 'border-bottom-color' set to #fff renders the correct color.
Border-bottom-color set to hex with three digits with the maximum plus one value of #1000
  • The 'border-bottom-color' set to #1000 falls back to the initial value.
invalid
Border-bottom-color set to hex with three digits with the maximum plus one value of #ggg
  • The 'border-bottom-color' set to #ggg falls back to the initial value.
invalid
Border-bottom-color set to hex with three digits with a red set to minimum plus one value, #100
  • The 'border-bottom-color' set to #100 renders the correct color.
Border-bottom-color set to hex with three digits with a red set to a nominal value, #900
  • The 'border-bottom-color' set to #900 renders the correct color.
Border-bottom-color set to hex with three digits with a red set to maximum minus one value, #e00
  • The 'border-bottom-color' set to #e00 renders the correct color.
Border-bottom-color set to hex with three digits with a red set to the maximum value, #f00
  • The 'border-bottom-color' set to #f00 renders the correct color.
Border-bottom-color set to hex with three digits with a red set to the maximum plus one value, #g00
  • The 'border-bottom-color' set to #g00 falls back to the initial value.
invalid
Border-bottom-color set to hex with three digits with a green set to minimum plus one value, #010
  • The 'border-bottom-color' set to #010 renders the correct color.
Border-bottom-color set to hex with three digits with a green set to a nominal value, #090
  • The 'border-bottom-color' set to #090 renders the correct color.
Border-bottom-color set to hex with three digits with a green set to maximum minus one value, #0e0
  • The 'border-bottom-color' set to #0e0 renders the correct color.
Border-bottom-color set to hex with three digits with a green set to the maximum value, #0f0
  • The 'border-bottom-color' set to #0f0 renders the correct color.
Border-bottom-color set to hex with three digits with a green set to the maximum plus one value, #0g0
  • The 'border-bottom-color' set to #0g0 falls back to the initial value.
invalid
Border-bottom-color set to hex with three digits with a blue set to minimum plus one value, #001
  • The 'border-bottom-color' set to #001 renders the correct color.
Border-bottom-color set to hex with three digits with a blue set to a nominal value, #009
  • The 'border-bottom-color' set to #009 renders the correct color.
Border-bottom-color set to hex with three digits with a blue set to maximum minus one value, #00e
  • The 'border-bottom-color' set to #00e renders the correct color.
Border-bottom-color set to hex with three digits with a blue set to the maximum value, #00f
  • The 'border-bottom-color' set to #00f renders the correct color.
Border-bottom-color set to hex with three digits with a blue set to the maximum plus one value, #00g
  • The 'border-bottom-color' set to #00g falls back to the initial value.
invalid
Border-bottom-color set to rgb() using percentages with the minimum minus one value, rgb(-1%, -1%, -1%)
  • The 'border-bottom-color' set to rgb(-1%, -1%, -1%) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using percentages with the minimum value, rgb(0%, 0%, 0%)
  • The 'border-bottom-color' set to rgb(0%, 0%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with the minimum plus one value, rgb(1%, 1%, 1%)
  • The 'border-bottom-color' set to rgb(1%, 1%, 1%) renders the correct color.
Border-bottom-color set to rgb() using percentages with the minimum value and minus sign, rgb(-0%, -0%, -0%)
  • The 'border-bottom-color' set to rgb(-0%, -0%, -0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with the minimum value and plus sign, rgb(+0%, +0%, +0%)
  • The 'border-bottom-color' set to rgb(+0%, +0%, +0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with a nominal value, rgb(50%, 50%, 50%)
  • The 'border-bottom-color' set to rgb(50%, 50%, 50%) renders the correct color.
Border-bottom-color set to rgb() using percentages with a nominal value and a plus sign, rgb(+50%, +50%, +50%)
  • The 'border-bottom-color' set to rgb(+50%, +50%, +50%) renders the correct color.
Border-bottom-color set to rgb() using percentages with a maximum minus one value, rgb(99%, 99%, 99%)
  • The 'border-bottom-color' set to rgb(99%, 99%, 99%) renders the correct color.
Border-bottom-color set to rgb() using percentages with a maximum value, rgb(100%, 100%, 100%)
  • The 'border-bottom-color' set to rgb(100%, 100%, 100%) renders the correct color.
Border-bottom-color set to rgb() using percentages with plus sign on each maximum value, rgb(+100%, +100%, +100%)
  • The 'border-bottom-color' set to rgb(+100%, +100%, +100%) renders the correct color.
Border-bottom-color set to rgb() using percentages with a maximum plus one value, rgb(101%, 101%, 101%)
  • The 'border-bottom-color' set to rgb(101%, 101%, 101%) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using integers with the minimum minus one value, rgb(-1, -1, -1)
  • The 'border-bottom-color' set to rgb(-1, -1, -1) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using integers with the minimum value, rgb(0, 0, 0)
  • The 'border-bottom-color' set to rgb(0, 0, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with the minimum plus one value, rgb(1, 1, 1)
  • The 'border-bottom-color' set to rgb(1, 1, 1) renders the correct color.
Border-bottom-color set to rgb() using integers with the minimum value and minus sign, rgb(-0, -0, -0)
  • The 'border-bottom-color' set to rgb(-0, -0, -0) renders the correct color.
Border-bottom-color set to rgb() using integers with the minimum value and plus sign, rgb(+0, +0, +0)
  • The 'border-bottom-color' set to rgb(+0, +0, +0) renders the correct color.
Border-bottom-color set to rgb() using integers with a nominal value, rgb(128, 128, 128)
  • The 'border-bottom-color' set to rgb(128, 128, 128) renders the correct color.
Border-bottom-color set to rgb() using integers with a nominal value and a plus sign, rgb(+128, +128, +128)
  • The 'border-bottom-color' set to rgb(+128, +128, +128) renders the correct color.
Border-bottom-color set to rgb() using integers with a maximum minus one value, rgb(254, 254, 254)
  • The 'border-bottom-color' set to rgb(254, 254, 254) renders the correct color.
Border-bottom-color set to rgb() using integers with a maximum value, rgb(255, 255, 255)
  • The 'border-bottom-color' set to rgb(255, 255, 255) renders the correct color.
Border-bottom-color set to rgb() using integers with a maximum value and a plus sign, rgb(+255, +255, +255)
  • The 'border-bottom-color' set to rgb(+255, +255, +255) renders the correct color.
Border-bottom-color set to rgb() using integers with a maximum plus one value, rgb(256, 256, 256)
  • The 'border-bottom-color' set to rgb(256, 256, 256) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using percentages with red set to the minimum minus one value, rgb(-1%, 0%, 0%)
  • The 'border-bottom-color' set to rgb(-1%, 0%, 0%) falls back to the initial value.
invalid
Border-bottom-color set to rgb() using percentages with red set to the minimum plus one value, rgb(1%, 0%, 0%)
  • The 'border-bottom-color' set to rgb(1%, 0%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with red set to the minimum value and minus sign, rgb(-0%, 0%, 0%)
  • The 'border-bottom-color' set to rgb(-0%, 0%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with red set to the minimum value and plus sign, rgb(+0%, 0%, 0%)
  • The 'border-bottom-color' set to rgb(+0%, 0%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with red set to a nominal value, rgb(50%, 0%, 0%)
  • The 'border-bottom-color' set to rgb(50%, 0%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with red set to a nominal value with a plus sign, rgb(+50%, 0%, 0%)
  • The 'border-bottom-color' set to rgb(+50%, 0%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with red set to a maximum minus one value, rgb(99%, 0%, 0%)
  • The 'border-bottom-color' set to rgb(99%, 0%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with red set to a maximum value, rgb(100%, 0%, 0%)
  • The 'border-bottom-color' set to rgb(100%, 0%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with red set to a maximum value with a plus sign, rgb(+100%, 0%, 0%)
  • The 'border-bottom-color' set to rgb(+100%, 0%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with red set to a maximum plus one value, rgb(101%, 0%, 0%)
  • The 'border-bottom-color' set to rgb(101%, 0%, 0%) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using integers with red set to the minimum minus one value, rgb(-1, 0, 0)
  • The 'border-bottom-color' set to rgb(-1, 0, 0) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using integers with red set to the minimum plus one value, rgb(1, 0, 0)
  • The 'border-bottom-color' set to rgb(1, 0, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with red set to the minimum value with a minus sign, rgb(-0, 0, 0)
  • The 'border-bottom-color' set to rgb(-0, 0, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with red set to the minimum value with a plus sign, rgb(+0, 0, 0)
  • The 'border-bottom-color' set to rgb(+0, 0, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with red set to a nominal value, rgb(128, 0, 0)
  • The 'border-bottom-color' set to rgb(128, 0, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with red set to a nominal value with a plus sign, rgb(+128, 0, 0)
  • The 'border-bottom-color' set to rgb(+128, 0, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with red set to a maximum minus one value, rgb(254, 0, 0)
  • The 'border-bottom-color' set to rgb(254, 0, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with red set to a maximum value, rgb(255, 0, 0)
  • The 'border-bottom-color' set to rgb(255, 0, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with red set to a maximum value with a plus sign, rgb(+255, 0, 0)
  • The 'border-bottom-color' set to rgb(+255, 0, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with red set to a maximum plus one value, rgb(256, 0, 0)
  • The 'border-bottom-color' set to rgb(256, 0, 0) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using percentages with green set to the minimum minus one value, rgb(0%, -1%, 0%)
  • The 'border-bottom-color' set to rgb(0%, -1%, 0%) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using percentages with green set to the minimum plus one value, rgb(0%, 1%, 0%)
  • The 'border-bottom-color' set to rgb(0%, 1%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with green set to the minimum value and minus sign, rgb(0%, -0%, 0%)
  • The 'border-bottom-color' set to rgb(0%, -0%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with green set to the minimum value and plus sign, rgb(0%, +0%, 0%)
  • The 'border-bottom-color' set to rgb(0%, +0%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with green set to a nominal value, rgb(0%, 50%, 0%)
  • The 'border-bottom-color' set to rgb(0%, 50%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with green set to a nominal value with a plus sign, rgb(0%, +50%, 0%)
  • The 'border-bottom-color' set to rgb(0%, +50%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with green set to a maximum minus one value, rgb(0%, 99%, 0%)
  • The 'border-bottom-color' set to rgb(0%, 99%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with green set to a maximum value, rgb(0%, 100%, 0%)
  • The 'border-bottom-color' set to rgb(0%, 100%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with green set to a maximum value with a plus sign, rgb(0%, +100%, 0%)
  • The 'border-bottom-color' set to rgb(0%, +100%, 0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with green set to a maximum plus one value, rgb(0%, 101%, 0%)
  • The 'border-bottom-color' set to rgb(0%, 101%, 0%) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using integers with green set to the minimum minus one value, rgb(0, -1, 0)
  • The 'border-bottom-color' set to rgb(-1, 0, 0) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using integers with green set to the minimum plus one value, rgb(0, 1, 0)
  • The 'border-bottom-color' set to rgb(0, 1, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with green set to the minimum value with a minus sign, rgb(0, -0, 0)
  • The 'border-bottom-color' set to rgb(0, -0, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with green set to the minimum value with a plus sign, rgb(0, +0, 0)
  • The 'border-bottom-color' set to rgb(0, +0, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with green set to a nominal value, rgb(0, 128, 0)
  • The 'border-bottom-color' set to rgb(0, 128, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with green set to a nominal value with a plus sign, rgb(0, +128, 0)
  • The 'border-bottom-color' set to rgb(0, +128, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with green set to a maximum minus one value, rgb(0, 254, 0)
  • The 'border-bottom-color' set to rgb(0, 254, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with green set to a maximum value, rgb(0, 255, 0)
  • The 'border-bottom-color' set to rgb(0, 255, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with green set to a maximum value with a plus sign, rgb(0, +255, 0)
  • The 'border-bottom-color' set to rgb(0, +255, 0) renders the correct color.
Border-bottom-color set to rgb() using integers with green set to a maximum plus one value, rgb(0, 256 0)
  • The 'border-bottom-color' set to rgb(0, 256, 0) properly truncates to a valid value.
invalid
Border-bottom-color set to rgb() using percentages with blue set to the minimum minus one value, rgb(0%, 0%, -1%)
  • The 'border-bottom-color' set to rgb(0%, 0%, -1%) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using percentages with blue set to the minimum plus one value, rgb(0%, 0%, 1%)
  • The 'border-bottom-color' set to rgb(0%, 0%, 1%) renders the correct color.
Border-bottom-color set to rgb() using percentages with blue set to the minimum value and minus sign, rgb(0%, 0%, -0%)
  • The 'border-bottom-color' set to rgb(0%, 0%, -0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with blue set to the minimum value and plus sign, rgb(0%, 0%, +0%)
  • The 'border-bottom-color' set to rgb(0%, 0%, +0%) renders the correct color.
Border-bottom-color set to rgb() using percentages with blue set to a nominal value, rgb(0%, 0%, 50%)
  • The 'border-bottom-color' set to rgb(0%, 0%, 50%) renders the correct color.
Border-bottom-color set to rgb() using percentages with blue set to a nominal value with a plus sign, rgb(0%, 0%, +50%)
  • The 'border-bottom-color' set to rgb(0%, 0%, +50%) renders the correct color.
Border-bottom-color set to rgb() using percentages with blue set to a maximum minus one value, rgb(0%, 0%, 99%)
  • The 'border-bottom-color' set to rgb(0%, 0%, 99%) renders the correct color.
Border-bottom-color set to rgb() using percentages with blue set to a maximum value, rgb(0%, 0%, 100%)
  • The 'border-bottom-color' set to rgb(0%, 0%, 100%) renders the correct color.
Border-bottom-color set to rgb() using percentages with blue set to a maximum value with a plus sign, rgb(0%, 0%, +100%)
  • The 'border-bottom-color' set to rgb(0%, 0%, +100%) renders the correct color.
Border-bottom-color set to rgb() using percentages with blue set to a maximum plus one value, rgb(0%, 0%, 101%)
  • The 'border-bottom-color' set to rgb(0%, 0%, 101%) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using integers with blue set to the minimum minus one value, rgb(0, 0, -1)
  • The 'border-bottom-color' set to rgb(0, 0, -1) truncates to a valid value.
invalid
Border-bottom-color set to rgb() using integers with blue set to the minimum plus one value, rgb(0, 0, 1)
  • The 'border-bottom-color' set to rgb(0, 0, 1) renders the correct color.
Border-bottom-color set to rgb() using integers with blue set to the minimum value with a minus sign, rgb(0, 0, -0)
  • The 'border-bottom-color' set to rgb(0, 0, -0) renders the correct color.
Border-bottom-color set to rgb() using integers with blue set to the minimum value with a plus sign, rgb(0, 0, +0)
  • The 'border-bottom-color' set to rgb(0, 0, +0) renders the correct color.
Border-bottom-color set to rgb() using integers with blue set to a nominal value, rgb(0, 0, 128)
  • The 'border-bottom-color' set to rgb(0, 0, 128) renders the correct color.
Border-bottom-color set to rgb() using integers with blue set to a nominal value with a plus sign, rgb(0, 0, +128)
  • The 'border-bottom-color' set to rgb(0, 0, +128) renders the correct color.
Border-bottom-color set to rgb() using integers with blue set to a maximum minus one value, rgb(0, 0, 254)
  • The 'border-bottom-color' set to rgb(0, 0, 254) renders the correct color.
Border-bottom-color set to rgb() using integers with blue set to a maximum value, rgb(0, 0, 255)
  • The 'border-bottom-color' set to rgb(0, 0, 255) renders the correct color.
Border-bottom-color set to rgb() using integers with blue set to a maximum value with a plus sign, rgb(0, 0, +255)
  • The 'border-bottom-color' set to rgb(0, 0, +255) renders the correct color.
Border-color with one color value
  • The 'border-color' property with one color value is supported and applied to all sides of the box.
Border-bottom-color set to rgb() using integers with blue set to a maximum plus one value, rgb(0, 0, 256)
  • The 'border-bottom-color' set to rgb(0, 0, 256) properly truncates to a valid value.
invalid
Border-bottom-color set to aqua
  • The 'border-bottom-color' set to aqua causes the border-bottom-color of the box to be aqua.
Border-bottom-color set to black
  • The 'border-bottom-color' set to black causes the border-bottom-color of the box to be black.
Border-bottom-color set to blue
  • The 'border-bottom-color' set to blue causes the border-bottom-color of the box to be blue.
Border-bottom-color set to fuchsia
  • The 'border-bottom-color' set to fuchsia causes the border-bottom-color of the box to be fuchsia.
Border-bottom-color set to gray
  • The 'border-bottom-color' set to gray causes the border-bottom-color of the box to be gray.
Border-bottom-color set to green
  • The 'border-bottom-color' set to green causes the background of the box to be green.
Border-bottom-color set to lime
  • The 'border-bottom-color' set to lime causes the border-bottom-color of the box to be lime.
Border-bottom-color set to maroon
  • The 'border-bottom-color' set to maroon causes the border-bottom-color of the box to be maroon.
Border-bottom-color set to navy
  • The 'border-bottom-color' set to navy causes the border-bottom-color of the box to be navy.
Border-bottom-color set to olive
  • The 'border-bottom-color' set to olive causes the border-bottom-color of the box to be olive.
Border-bottom-color set to orange
  • The 'border-bottom-color' set to orange causes the border-bottom-color of the box to be orange.
Border-bottom-color set to purple
  • The 'border-bottom-color' set to purple causes the border-bottom-color of the box to be purple.
Border-bottom-color set to red
  • The 'border-bottom-color' set to red causes the border-bottom-color of the box to be red.
Border-bottom-color set to silver
  • The 'border-bottom-color' set to silver causes the border-bottom-color of the box to be silver.
Border-bottom-color set to teal
  • The 'border-bottom-color' set to teal causes the border-bottom-color of the box to be teal.
Border-bottom-color set to white
  • The 'border-bottom-color' set to white causes the border-bottom-color of the box to be white.
Border-bottom-color set to yellow
  • The 'border-bottom-color' set to yellow causes the border-bottom-color of the box to be yellow.
Border-bottom-color set to transparent
  • The 'border-bottom-color' set to transparent properly renders a border with no visible color.
Border-bottom-color set to inherit
  • The 'border-bottom-color' set to inherit causes the 'border-bottom-color' of the element to be the same as the 'border-bottom-color' designated on the parent element.
Border-bottom-color applied to element with display table-row-group
  • The 'border-bottom-color' property applies to elements with a display of table-row-group.
Border-bottom-color applied to element with display table-header-group
  • The 'border-bottom-color' property applies to elements with a display of table-header-group.
Border-bottom-color applied to element with display table-footer-group
  • The 'border-bottom-color' property applies to elements with a display of table-footer-group.
Border-bottom-color applied to element with display table-row
  • The 'border-bottom-color' property applies to elements with a display of table-row.
Border-bottom-color applied to element with display table-column-group
  • The 'border-bottom-color' property applies to elements with a display of table-column-group.
Border-bottom-color applied to element with display table-column
  • The 'border-bottom-color' property applies to elements with a display of table-column.
Border-bottom-color applied to element with display table-cell
  • The 'border-bottom-color' property applies to elements with a display of table-cell.
Border-bottom-color applied to element with display inline
  • The 'border-bottom-color' property applies to elements with a display of inline.
Border-bottom-color applied to element with display block
  • The 'border-bottom-color' property applies to elements with a display of block.
Border-bottom-color applied to element with display list-item
  • The 'border-bottom-color' property applies to elements with a display of list-item.
Border-bottom-color applied to element with display run-in
  • The 'border-bottom-color' property applies to elements with a display of run-in.
Border-bottom-color applied to element with display inline-block
  • The 'border-bottom-color' property applies to elements with a display of inline-block.
Border-bottom-color applied to element with display table
  • The 'border-bottom-color' property applies to elements with a display of table.
Border-bottom-color applied to element with display inline-table
  • The 'border-bottom-color' property applies to elements with a display of inline-table.
Border-bottom-color applied to element with display table-caption
  • The 'border-bottom-color' property applies to elements with a display of table-caption.
Border-color with two color values
  • The 'border-color' property with two color values is supported and applied to the correct sides of the box.
Border-color with three color values
  • The 'border-color' property with three color values is supported and applied to the correct sides of the box.
Border-color with four color values
  • The 'border-color' property with four color values is supported and applied to the correct sides of the box.
Border-color with a transparent border
  • The 'border-color' property set to 'transparent' is supported and applies to all sides of an element.
Border-color set to inherit, inheriting one value
  • The 'border-color' property set to 'inherit' is supported and properly inherits a single value that will be applied to all sides of the element.
Border-color set to inherit, inheriting two values
  • The 'border-color' property set to 'inherit' is supported and properly inherits two values that will be applied to the appropriate sides of the element.
Border-color set to inherit, inheriting three values
  • The 'border-color' property set to 'inherit' is supported and properly inherits three values that will be applied to the appropriate sides of the element.
Border-color set to inherit, inheriting four values
  • The 'border-color' property set to 'inherit' is supported and properly inherits four values that will be applied to the appropriate sides of the element.
Border-color applied to element with display table-row-group
  • The 'border-color' properties applies to elements with a display of table-row-group.
Border-color applied to element with display table-header-group
  • The 'border-color' properties applies to elements with a display of table-header-group.
Border-color applied to element with display table-footer-group
  • The 'border-color' properties applies to elements with a display of table-footer-group.
Border-color applied to element with display table-row
  • The 'border-color' properties applies to elements with a display of table-row.
Border-color applied to element with display table-column-group
  • The 'border-color' properties applies to elements with a display of table-column-group.
Border-color applied to element with display table-column
  • The 'border-color' properties applies to elements with a display of table-column.
Border-color applied to element with display table-cell
  • The 'border-color' properties applies to elements with a display of table-cell.
Border-color applied to element with display inline
  • The 'border-color' properties applies to elements with a display of inline.
Border-color applied to element with display block
  • The 'border-color' properties applies to elements with a display of block.
Border-color applied to element with display list-item
  • The 'border-color' properties applies to elements with a display of list-item.
Border-color applied to element with display run-in
  • The 'border-color' properties applies to elements with a display of run-in.
Border-color applied to element with display inline-block
  • The 'border-color' properties applies to elements with a display of inline-block.
Border-color applied to element with display table
  • The 'border-color' properties applies to elements with a display of table.
Border-color applied to element with display inline-table
  • The 'border-color' properties applies to elements with a display of inline-table.
Border-color applied to element with display table-caption
  • The 'border-color' properties applies to elements with a display of table-caption.
Border-color shorthand - one value
  • Specifying a single value on the 'border-color' property sets the value for all sides of the element.
Border-color shorthand - two values
  • Specifying two values on the 'border-color' property assigns the first value to the top and bottom and the second to the left and right.
Border-color shorthand - three values
  • Specifying three values to the 'border-color' property assigns the first value to the top the second value to the left and right and the third value to the bottom.
Border-color shorthand - four values
  • Specifying four values to the 'border-color' property assigns the values for top, right, bottom and left.
Border-left-color set to hex with five digits which is invalid and is equivalent to minimum minus one value for six digit hex
  • The 'border-left-color' set to #00000 falls back to the initial value.
invalid
Border-left-color set to hex with six digits with the minimum value, #000000
  • The 'border-left-color' set to #000000 renders the correct color.
Border-left-color set to hex with six digits with the minimum plus one value, #010101
  • The 'border-left-color' set to #010101 renders the correct color.
Border-left-color set to hex with six digits with a nominal value #999999
  • The 'border-left-color' set to #999999 renders the correct color.
Border-left-color set to hex with six digits with the maximum minus one value of #fefefe
  • The 'border-left-color' set to #fefefe renders the correct color for the border.
Border-left-color set to hex with six digits with the maximum value of #ffffff
  • The 'border-left-color' set to #ffffff renders the correct color.
Border-left-color set to hex with six digits with the maximum plus one value of #1000000
  • The 'border-left-color' set to #1000000 falls back to the initial value.
invalid
Border-left-color set to hex with six digits with the maximum plus one value of #fgfgfg
  • The 'border-left-color' set to #fgfgfg falls back to the initial value.
invalid
Border-left-color set to hex with six digits with a red set to minimum plus one value, #010000
  • The 'border-left-color' set to #010000 renders the correct color.
Border-left-color set to hex with six digits with a red set to a nominal value, #990000
  • The 'border-left-color' set to #990000 renders the correct color.
Border-left-color set to hex with six digits with a red set to maximum minus one value, #fe0000
  • The 'border-left-color' set to #fe0000 renders the correct color.
Border-left-color set to hex with six digits with a red set to the maximum value, #ff0000
  • The 'border-left-color' set to #ff0000 renders the correct color.
Border-left-color set to hex with six digits with a red set to the maximum plus one value, #fg0000
  • The 'border-left-color' set to #fg0000 falls back to the initial value.
invalid
Border-left-color set to hex with six digits with a green set to minimum plus one value, #000100
  • The 'border-left-color' set to #000100 renders the correct color.
Border-left-color set to hex with six digits with a green set to a nominal value, #009900
  • The 'border-left-color' set to #009900 renders the correct color.
Border-left-color set to hex with six digits with a green set to maximum minus one value, #00fe00
  • The 'border-left-color' set to #00fe00 renders the correct color.
Border-left-color set to hex with six digits with a green set to the maximum value, #00ff00
  • The 'border-left-color' set to #00ff00 renders the correct color.
Border-left-color set to hex with six digits with a green set to the maximum plus one value, #00fg00
  • The 'border-left-color' set to #00fg00 falls back to the initial value.
invalid
Border-left-color set to hex with six digits with a blue set to minimum plus one value, #000001
  • The 'border-left-color' set to #000001 renders the correct color.
Border-left-color set to hex with six digits with a blue set to a nominal value, #000099
  • The 'border-left-color' set to #000099 renders the correct color.
Border-left-color set to hex with six digits with a blue set to maximum minus one value, #0000fe
  • The 'border-left-color' set to #0000fe renders the correct color.
Border-left-color set to hex with six digits with a blue set to the maximum value, #0000ff
  • The 'border-left-color' set to #0000ff renders the correct color.
Border-left-color set to hex with six digits with a blue set to the maximum plus one value, #0000fg
  • The 'border-left-color' set to #0000fg falls back to the initial value.
invalid
Border-left-color set to hex with 2 digits which is invalid and is equivalent to minimum minus one value for 3 digit hex
  • The 'border-left-color' set to #00 falls back to the initial value.
invalid
Border-left-color set to hex with three digits with the minimum possible value #000
  • The 'border-left-color' set to #000 renders the correct color.
Border-left-color set to hex with three digits with the minimum plus one value, #111
  • The 'border-left-color' set to #111 renders the correct color.
Border-left-color set to hex with three digits with a nominal value #999
  • The 'border-left-color' set to #999 renders the correct color.
Border-left-color set to hex with three digits with the maximum minus one value of #eee
  • The 'border-left-color' set to #eee renders the correct color.
Border-left-color set to hex with three digits with the maximum value of #fff
  • The 'border-left-color' set to #fff renders the correct color.
Border-left-color set to hex with three digits with the maximum plus one value of #1000
  • The 'border-left-color' set to #1000 falls back to the initial value.
invalid
Border-left-color set to hex with three digits with the maximum plus one value of #ggg
  • The 'border-left-color' set to #ggg falls back to the initial value.
invalid
Border-left-color set to hex with three digits with a red set to minimum plus one value, #100
  • The 'border-left-color' set to #100 renders the correct color.
Border-left-color set to hex with three digits with a red set to a nominal value, #900
  • The 'border-left-color' set to #900 renders the correct color.
Border-left-color set to hex with three digits with a red set to maximum minus one value, #e00
  • The 'border-left-color' set to #e00 renders the correct color.
Border-left-color set to hex with three digits with a red set to the maximum value, #f00
  • The 'border-left-color' set to #f00 renders the correct color.
Border-left-color set to hex with three digits with a red set to the maximum plus one value, #g00
  • The 'border-left-color' set to #g00 falls back to the initial value.
invalid
Border-left-color set to hex with three digits with a green set to minimum plus one value, #010
  • The 'border-left-color' set to #010 renders the correct color.
Border-left-color set to hex with three digits with a green set to a nominal value, #090
  • The 'border-left-color' set to #090 renders the correct color.
Border-left-color set to hex with three digits with a green set to maximum minus one value, #0e0
  • The 'border-left-color' set to #0e0 renders the correct color.
Border-left-color set to hex with three digits with a green set to the maximum value, #0f0
  • The 'border-left-color' set to #0f0 renders the correct color.
Border-left-color set to hex with three digits with a green set to the maximum plus one value, #0g0
  • The 'border-left-color' set to #0g0 falls back to the initial value.
invalid
Border-left-color set to hex with three digits with a blue set to minimum plus one value, #001
  • The 'border-left-color' set to #001 renders the correct color.
Border-left-color set to hex with three digits with a blue set to a nominal value, #009
  • The 'border-left-color' set to #009 renders the correct color.
Border-left-color set to hex with three digits with a blue set to maximum minus one value, #00e
  • The 'border-left-color' set to #00e renders the correct color.
Border-left-color set to hex with three digits with a blue set to the maximum value, #00f
  • The 'border-left-color' set to #00f renders the correct color.
Border-left-color set to hex with three digits with a blue set to the maximum plus one value, #00g
  • The 'border-left-color' set to #00g falls back to the initial value.
invalid
Border-left-color set to rgb() using percentages with the minimum minus one value, rgb(-1%, -1%, -1%)
  • The 'border-left-color' set to rgb(-1%, -1%, -1%) truncates to a valid value.
invalid
Border-left-color set to rgb() using percentages with the minimum value, rgb(0%, 0%, 0%)
  • The 'border-left-color' set to rgb(0%, 0%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with the minimum plus one value, rgb(1%, 1%, 1%)
  • The 'border-left-color' set to rgb(1%, 1%, 1%) renders the correct color.
Border-left-color set to rgb() using percentages with the minimum value and minus sign, rgb(-0%, -0%, -0%)
  • The 'border-left-color' set to rgb(-0%, -0%, -0%) renders the correct color.
Border-left-color set to rgb() using percentages with the minimum value and plus sign, rgb(+0%, +0%, +0%)
  • The 'border-left-color' set to rgb(+0%, +0%, +0%) renders the correct color.
Border-left-color set to rgb() using percentages with a nominal value, rgb(50%, 50%, 50%)
  • The 'border-left-color' set to rgb(50%, 50%, 50%) renders the correct color.
Border-left-color set to rgb() using percentages with a nominal value and a plus sign, rgb(+50%, +50%, +50%)
  • The 'border-left-color' set to rgb(+50%, +50%, +50%) renders the correct color.
Border-left-color set to rgb() using percentages with a maximum minus one value, rgb(99%, 99%, 99%)
  • The 'border-left-color' set to rgb(99%, 99%, 99%) renders the correct color.
Border-left-color set to rgb() using percentages with a maximum value, rgb(100%, 100%, 100%)
  • The 'border-left-color' set to rgb(100%, 100%, 100%) renders the correct color.
Border-left-color set to rgb() using percentages with plus sign on each maximum value, rgb(+100%, +100%, +100%)
  • The 'border-left-color' set to rgb(+100%, +100%, +100%) renders the correct color.
Border-left-color set to rgb() using percentages with a maximum plus one value, rgb(101%, 101%, 101%)
  • The 'border-left-color' set to rgb(101%, 101%, 101%) truncates to a valid value.
invalid
Border-left-color set to rgb() using integers with the minimum minus one value, rgb(-1, -1, -1)
  • The 'border-left-color' set to rgb(-1, -1, -1) truncates to a valid value.
invalid
Border-left-color set to rgb() using integers with the minimum value, rgb(0, 0, 0)
  • The 'border-left-color' set to rgb(0, 0, 0) renders the correct color.
Border-left-color set to rgb() using integers with the minimum plus one value, rgb(1, 1, 1)
  • The 'border-left-color' set to rgb(1, 1, 1) renders the correct color.
Border-left-color set to rgb() using integers with the minimum value and minus sign, rgb(-0, -0, -0)
  • The 'border-left-color' set to rgb(-0, -0, -0) renders the correct color.
Border-left-color set to rgb() using integers with the minimum value and plus sign, rgb(+0, +0, +0)
  • The 'border-left-color' set to rgb(+0, +0, +0) renders the correct color.
Border-left-color set to rgb() using integers with a nominal value, rgb(128, 128, 128)
  • The 'border-left-color' set to rgb(128, 128, 128) renders the correct color.
Border-left-color set to rgb() using integers with a nominal value and a plus sign, rgb(+128, +128, +128)
  • The 'border-left-color' set to rgb(+128, +128, +128) renders the correct color.
Border-left-color set to rgb() using integers with a maximum minus one value, rgb(254, 254, 254)
  • The 'border-left-color' set to rgb(254, 254, 254) renders the correct color.
Border-left-color set to rgb() using integers with a maximum value, rgb(255, 255, 255)
  • The 'border-left-color' set to rgb(255, 255, 255) renders the correct color.
Border-left-color set to rgb() using integers with a maximum value and a plus sign, rgb(+255, +255, +255)
  • The 'border-left-color' set to rgb(+255, +255, +255) renders the correct color.
Border-left-color set to rgb() using integers with a maximum plus one value, rgb(256, 256, 256)
  • The 'border-left-color' set to rgb(256, 256, 256) truncates to a valid value.
invalid
Border-left-color set to rgb() using percentages with red set to the minimum minus one value, rgb(-1%, 0%, 0%)
  • The 'border-left-color' set to rgb(-1%, 0%, 0%) falls back to the initial value.
invalid
Border-left-color set to rgb() using percentages with red set to the minimum plus one value, rgb(1%, 0%, 0%)
  • The 'border-left-color' set to rgb(1%, 0%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with red set to the minimum value and minus sign, rgb(-0%, 0%, 0%)
  • The 'border-left-color' set to rgb(-0%, 0%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with red set to the minimum value and plus sign, rgb(+0%, 0%, 0%)
  • The 'border-left-color' set to rgb(+0%, 0%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with red set to a nominal value, rgb(50%, 0%, 0%)
  • The 'border-left-color' set to rgb(50%, 0%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with red set to a nominal value with a plus sign, rgb(+50%, 0%, 0%)
  • The 'border-left-color' set to rgb(+50%, 0%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with red set to a maximum minus one value, rgb(99%, 0%, 0%)
  • The 'border-left-color' set to rgb(99%, 0%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with red set to a maximum value, rgb(100%, 0%, 0%)
  • The 'border-left-color' set to rgb(100%, 0%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with red set to a maximum value with a plus sign, rgb(+100%, 0%, 0%)
  • The 'border-left-color' set to rgb(+100%, 0%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with red set to a maximum plus one value, rgb(101%, 0%, 0%)
  • The 'border-left-color' set to rgb(101%, 0%, 0%) truncates to a valid value.
invalid
Border-left-color set to rgb() using integers with red set to the minimum minus one value, rgb(-1, 0, 0)
  • The 'border-left-color' set to rgb(-1, 0, 0) truncates to a valid value.
invalid
Border-left-color set to rgb() using integers with red set to the minimum plus one value, rgb(1, 0, 0)
  • The 'border-left-color' set to rgb(1, 0, 0) renders the correct color.
Border-left-color set to rgb() using integers with red set to the minimum value with a minus sign, rgb(-0, 0, 0)
  • The 'border-left-color' set to rgb(-0, 0, 0) renders the correct color.
Border-left-color set to rgb() using integers with red set to the minimum value with a plus sign, rgb(+0, 0, 0)
  • The 'border-left-color' set to rgb(+0, 0, 0) renders the correct color.
Border-left-color set to rgb() using integers with red set to a nominal value, rgb(128, 0, 0)
  • The 'border-left-color' set to rgb(128, 0, 0) renders the correct color.
Border-left-color set to rgb() using integers with red set to a nominal value with a plus sign, rgb(+128, 0, 0)
  • The 'border-left-color' set to rgb(+128, 0, 0) renders the correct color.
Border-left-color set to rgb() using integers with red set to a maximum minus one value, rgb(254, 0, 0)
  • The 'border-left-color' set to rgb(254, 0, 0) renders the correct color.
Border-left-color set to rgb() using integers with red set to a maximum value, rgb(255, 0, 0)
  • The 'border-left-color' set to rgb(255, 0, 0) renders the correct color.
Border-left-color set to rgb() using integers with red set to a maximum value with a plus sign, rgb(+255, 0, 0)
  • The 'border-left-color' set to rgb(+255, 0, 0) renders the correct color.
Border-left-color set to rgb() using integers with red set to a maximum plus one value, rgb(256, 0, 0)
  • The 'border-left-color' set to rgb(256, 0, 0) truncates to a valid value.
invalid
Border-left-color set to rgb() using percentages with green set to the minimum minus one value, rgb(0%, -1%, 0%)
  • The 'border-left-color' set to rgb(0%, -1%, 0%) truncates to a valid value.
invalid
Border-left-color set to rgb() using percentages with green set to the minimum plus one value, rgb(0%, 1%, 0%)
  • The 'border-left-color' set to rgb(0%, 1%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with green set to the minimum value and minus sign, rgb(0%, -0%, 0%)
  • The 'border-left-color' set to rgb(0%, -0%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with green set to the minimum value and plus sign, rgb(0%, +0%, 0%)
  • The 'border-left-color' set to rgb(0%, +0%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with green set to a nominal value, rgb(0%, 50%, 0%)
  • The 'border-left-color' set to rgb(0%, 50%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with green set to a nominal value with a plus sign, rgb(0%, +50%, 0%)
  • The 'border-left-color' set to rgb(0%, +50%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with green set to a maximum minus one value, rgb(0%, 99%, 0%)
  • The 'border-left-color' set to rgb(0%, 99%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with green set to a maximum value, rgb(0%, 100%, 0%)
  • The 'border-left-color' set to rgb(0%, 100%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with green set to a maximum value with a plus sign, rgb(0%, +100%, 0%)
  • The 'border-left-color' set to rgb(0%, +100%, 0%) renders the correct color.
Border-left-color set to rgb() using percentages with green set to a maximum plus one value, rgb(0%, 101%, 0%)
  • The 'border-left-color' set to rgb(0%, 101%, 0%) truncates to a valid value.
invalid
Border-left-color set to rgb() using integers with green set to the minimum minus one value, rgb(0, -1, 0)
  • The 'border-left-color' set to rgb(-1, 0, 0) truncates to a valid value.
invalid
Border-left-color set to rgb() using integers with green set to the minimum plus one value, rgb(0, 1, 0)
  • The 'border-left-color' set to rgb(0, 1, 0) renders the correct color.
Border-left-color set to rgb() using integers with green set to the minimum value with a minus sign, rgb(0, -0, 0)
  • The 'border-left-color' set to rgb(0, -0, 0) renders the correct color.
Border-left-color set to rgb() using integers with green set to the minimum value with a plus sign, rgb(0, +0, 0)
  • The 'border-left-color' set to rgb(0, +0, 0) renders the correct color.
Border-left-color set to rgb() using integers with green set to a nominal value, rgb(0, 128, 0)
  • The 'border-left-color' set to rgb(0, 128, 0) renders the correct color.
Border-left-color set to rgb() using integers with green set to a nominal value with a plus sign, rgb(0, +128, 0)
  • The 'border-left-color' set to rgb(0, +128, 0) renders the correct color.
Border-left-color set to rgb() using integers with green set to a maximum minus one value, rgb(0, 254, 0)
  • The 'border-left-color' set to rgb(0, 254, 0) renders the correct color.
Border-left-color set to rgb() using integers with green set to a maximum value, rgb(0, 255, 0)
  • The 'border-left-color' set to rgb(0, 255, 0) renders the correct color.
Border-left-color set to rgb() using integers with green set to a maximum value with a plus sign, rgb(0, +255, 0)
  • The 'border-left-color' set to rgb(0, +255, 0) renders the correct color.
Border-left-color set to rgb() using integers with green set to a maximum plus one value, rgb(0, 256 0)
  • The 'border-left-color' set to rgb(0, 256, 0) properly truncates to a valid value.
invalid
Border-left-color set to rgb() using percentages with blue set to the minimum minus one value, rgb(0%, 0%, -1%)
  • The 'border-left-color' set to rgb(0%, 0%, -1%) truncates to a valid value.
invalid
Border-left-color set to rgb() using percentages with blue set to the minimum plus one value, rgb(0%, 0%, 1%)
  • The 'border-left-color' set to rgb(0%, 0%, 1%) renders the correct color.
Border-left-color set to rgb() using percentages with blue set to the minimum value and minus sign, rgb(0%, 0%, -0%)
  • The 'border-left-color' set to rgb(0%, 0%, -0%) renders the correct color.
Border-left-color set to rgb() using percentages with blue set to the minimum value and plus sign, rgb(0%, 0%, +0%)
  • The 'border-left-color' set to rgb(0%, 0%, +0%) renders the correct color.
Border-left-color set to rgb() using percentages with blue set to a nominal value, rgb(0%, 0%, 50%)
  • The 'border-left-color' set to rgb(0%, 0%, 50%) renders the correct color.
Border-left-color set to rgb() using percentages with blue set to a nominal value with a plus sign, rgb(0%, 0%, +50%)
  • The 'border-left-color' set to rgb(0%, 0%, +50%) renders the correct color.
Border-left-color set to rgb() using percentages with blue set to a maximum minus one value, rgb(0%, 0%, 99%)
  • The 'border-left-color' set to rgb(0%, 0%, 99%) renders the correct color.
Border-left-color set to rgb() using percentages with blue set to a maximum value, rgb(0%, 0%, 100%)
  • The 'border-left-color' set to rgb(0%, 0%, 100%) renders the correct color.
Border-left-color set to rgb() using percentages with blue set to a maximum value with a plus sign, rgb(0%, 0%, +100%)
  • The 'border-left-color' set to rgb(0%, 0%, +100%) renders the correct color.
Border-left-color set to rgb() using percentages with blue set to a maximum plus one value, rgb(0%, 0%, 101%)
  • The 'border-left-color' set to rgb(0%, 0%, 101%) truncates to a valid value.
invalid
Border-left-color set to rgb() using integers with blue set to the minimum minus one value, rgb(0, 0, -1)
  • The 'border-left-color' set to rgb(0, 0, -1) truncates to a valid value.
invalid
Border-left-color set to rgb() using integers with blue set to the minimum plus one value, rgb(0, 0, 1)
  • The 'border-left-color' set to rgb(0, 0, 1) renders the correct color.
Border-left-color set to rgb() using integers with blue set to the minimum value with a minus sign, rgb(0, 0, -0)
  • The 'border-left-color' set to rgb(0, 0, -0) renders the correct color.
Border-left-color set to rgb() using integers with blue set to the minimum value with a plus sign, rgb(0, 0, +0)
  • The 'border-left-color' set to rgb(0, 0, +0) renders the correct color.
Border-left-color set to rgb() using integers with blue set to a nominal value, rgb(0, 0, 128)
  • The 'border-left-color' set to rgb(0, 0, 128) renders the correct color.
Border-left-color set to rgb() using integers with blue set to a nominal value with a plus sign, rgb(0, 0, +128)
  • The 'border-left-color' set to rgb(0, 0, +128) renders the correct color.
Border-left-color set to rgb() using integers with blue set to a maximum minus one value, rgb(0, 0, 254)
  • The 'border-left-color' set to rgb(0, 0, 254) renders the correct color.
Border-left-color set to rgb() using integers with blue set to a maximum value, rgb(0, 0, 255)
  • The 'border-left-color' set to rgb(0, 0, 255) renders the correct color.
Border-left-color set to rgb() using integers with blue set to a maximum value with a plus sign, rgb(0, 0, +255)
  • The 'border-left-color' set to rgb(0, 0, +255) renders the correct color.
Border-left-color set to rgb() using integers with blue set to a maximum plus one value, rgb(0, 0, 256)
  • The 'border-left-color' set to rgb(0, 0, 256) properly truncates to a valid value.
invalid
Border-left-color set to aqua
  • The 'border-left-color' set to aqua causes the border-left-color of the box to be aqua.
Border-left-color set to black
  • The 'border-left-color' set to black causes the border-left-color of the box to be black.
Border-left-color set to blue
  • The 'border-left-color' set to blue causes the border-left-color of the box to be blue.
Border-left-color set to fuchsia
  • The 'border-left-color' set to fuchsia causes the border-left-color of the box to be fuchsia.
Border-left-color set to gray
  • The 'border-left-color' set to gray causes the border-left-color of the box to be gray.
Border-left-color set to green
  • The 'border-left-color' set to green causes the background of the box to be green.
Border-left-color set to lime
  • The 'border-left-color' set to lime causes the border-left-color of the box to be lime.
Border-left-color set to maroon
  • The 'border-left-color' set to maroon causes the border-left-color of the box to be maroon.
Border-left-color set to navy
  • The 'border-left-color' set to navy causes the border-left-color of the box to be navy.
Border-left-color set to olive
  • The 'border-left-color' set to olive causes the border-left-color of the box to be olive.
Border-left-color set to orange
  • The 'border-left-color' set to orange causes the border-left-color of the box to be orange.
Border-left-color set to purple
  • The 'border-left-color' set to purple causes the border-left-color of the box to be purple.
Border-left-color set to red
  • The 'border-left-color' set to red causes the border-left-color of the box to be red.
Border-left-color set to silver
  • The 'border-left-color' set to silver causes the border-left-color of the box to be silver.
Border-left-color set to teal
  • The 'border-left-color' set to teal causes the border-left-color of the box to be teal.
Border-left-color set to white
  • The 'border-left-color' set to white causes the border-left-color of the box to be white.
Border-left-color set to yellow
  • The 'border-left-color' set to yellow causes the border-left-color of the box to be yellow.
Border-left-color set to transparent
  • The 'border-left-color' set to transparent properly renders a border with no visible color.
Border-left-color set to inherit
  • The 'border-left-color' set to inherit causes the 'border-left-color' of the element to be the same as the 'border-left-color' designated on the parent element.
Border-left-color applied to element with display table-row-group
  • The 'border-left-color' properties applies to elements with a display of table-row-group.
Border-left-color applied to element with display table-header-group
  • The 'border-left-color' properties applies to elements with a display of table-header-group.
Border-left-color applied to element with display table-footer-group
  • The 'border-left-color' properties applies to elements with a display of table-footer-group.
Border-left-color applied to element with display table-row
  • The 'border-left-color' properties applies to elements with a display of table-row.
Border-left-color applied to element with display table-column-group
  • The 'border-left-color' properties applies to elements with a display of table-column-group.
Border-left-color applied to element with display table-column
  • The 'border-left-color' properties applies to elements with a display of table-column.
Border-left-color applied to element with display table-cell
  • The 'border-left-color' properties applies to elements with a display of table-cell.
Border-left-color applied to element with display inline
  • The 'border-left-color' properties applies to elements with a display of inline.
Border-left-color applied to element with display block
  • The 'border-left-color' properties applies to elements with a display of block.
Border-left-color applied to element with display list-item
  • The 'border-left-color' properties applies to elements with a display of list-item.
Border-left-color applied to element with display run-in
  • The 'border-left-color' properties applies to elements with a display of run-in.
Border-left-color applied to element with display inline-block
  • The 'border-left-color' properties applies to elements with a display of inline-block.
Border-left-color applied to element with display table
  • The 'border-left-color' properties applies to elements with a display of table.
Border-left-color applied to element with display inline-table
  • The 'border-left-color' properties applies to elements with a display of inline-table.
Border-left-color applied to element with display table-caption
  • The 'border-left-color' properties applies to elements with a display of table-caption.
Border-right-color set to hex with five digits which is invalid and is equivalent to minimum minus one value for six digit hex
  • The 'border-right-color' set to #00000 falls back to the initial value.
invalid
Border-right-color set to hex with six digits with the minimum value, #000000
  • The 'border-right-color' set to #000000 renders the correct color.
Border-right-color set to hex with six digits with the minimum plus one value, #010101
  • The 'border-right-color' set to #010101 renders the correct color.
Border-right-color set to hex with six digits with a nominal value #999999
  • The 'border-right-color' set to #999999 renders the correct color.
Border-right-color set to hex with six digits with the maximum minus one value of #fefefe
  • The 'border-right-color' set to #fefefe renders the correct color for the border.
Border-right-color set to hex with six digits with the maximum value of #ffffff
  • The 'border-right-color' set to #ffffff renders the correct color.
Border-right-color set to hex with six digits with the maximum plus one value of #1000000
  • The 'border-right-color' set to #1000000 falls back to the initial value.
invalid
Border-right-color set to hex with six digits with the maximum plus one value of #fgfgfg
  • The 'border-right-color' set to #fgfgfg falls back to the initial value.
invalid
Border-right-color set to hex with six digits with a red set to minimum plus one value, #010000
  • The 'border-right-color' set to #010000 renders the correct color.
Border-right-color set to hex with six digits with a red set to a nominal value, #990000
  • The 'border-right-color' set to #990000 renders the correct color.
Border-right-color set to hex with six digits with a red set to maximum minus one value, #fe0000
  • The 'border-right-color' set to #fe0000 renders the correct color.
Border-right-color set to hex with six digits with a red set to the maximum value, #ff0000
  • The 'border-right-color' set to #ff0000 renders the correct color.
Border-right-color set to hex with six digits with a red set to the maximum plus one value, #fg0000
  • The 'border-right-color' set to #fg0000 falls back to the initial value.
invalid
Border-right-color set to hex with six digits with a green set to minimum plus one value, #000100
  • The 'border-right-color' set to #000100 renders the correct color.
Border-right-color set to hex with six digits with a green set to a nominal value, #009900
  • The 'border-right-color' set to #009900 renders the correct color.
Border-right-color set to hex with six digits with a green set to maximum minus one value, #00fe00
  • The 'border-right-color' set to #00fe00 renders the correct color.
Border-right-color set to hex with six digits with a green set to the maximum value, #00ff00
  • The 'border-right-color' set to #00ff00 renders the correct color.
Border-right-color set to hex with six digits with a green set to the maximum plus one value, #00fg00
  • The 'border-right-color' set to #00fg00 falls back to the initial value.
invalid
Border-right-color set to hex with six digits with a blue set to minimum plus one value, #000001
  • The 'border-right-color' set to #000001 renders the correct color.
Border-right-color set to hex with six digits with a blue set to a nominal value, #000099
  • The 'border-right-color' set to #000099 renders the correct color.
Border-right-color set to hex with six digits with a blue set to maximum minus one value, #0000fe
  • The 'border-right-color' set to #0000fe renders the correct color.
Border-right-color set to hex with six digits with a blue set to the maximum value, #0000ff
  • The 'border-right-color' set to #0000ff renders the correct color.
Border-right-color set to hex with six digits with a blue set to the maximum plus one value, #0000fg
  • The 'border-right-color' set to #0000fg falls back to the initial value.
invalid
Border-right-color set to hex with 2 digits which is invalid and is equivalent to minimum minus one value for 3 digit hex
  • The 'border-right-color' set to #00 falls back to the initial value.
invalid
Border-right-color set to hex with three digits with the minimum possible value #000
  • The 'border-right-color' set to #000 renders the correct color.
Border-right-color set to hex with three digits with the minimum plus one value, #111
  • The 'border-right-color' set to #111 renders the correct color.
Border-right-color set to hex with three digits with a nominal value #999
  • The 'border-right-color' set to #999 renders the correct color.
Border-right-color set to hex with three digits with the maximum minus one value of #eee
  • The 'border-right-color' set to #eee renders the correct color.
Border-right-color set to hex with three digits with the maximum value of #fff
  • The 'border-right-color' set to #fff renders the correct color.
Border-right-color set to hex with three digits with the maximum plus one value of #1000
  • The 'border-right-color' set to #1000 falls back to the initial value.
invalid
Border-right-color set to hex with three digits with the maximum plus one value of #ggg
  • The 'border-right-color' set to #ggg falls back to the initial value.
invalid
Border-right-color set to hex with three digits with a red set to minimum plus one value, #100
  • The 'border-right-color' set to #100 renders the correct color.
Border-right-color set to hex with three digits with a red set to a nominal value, #900
  • The 'border-right-color' set to #900 renders the correct color.
Border-right-color set to hex with three digits with a red set to maximum minus one value, #e00
  • The 'border-right-color' set to #e00 renders the correct color.
Border-right-color set to hex with three digits with a red set to the maximum value, #f00
  • The 'border-right-color' set to #f00 renders the correct color.
Border-right-color set to hex with three digits with a red set to the maximum plus one value, #g00
  • The 'border-right-color' set to #g00 falls back to the initial value.
invalid
Border-right-color set to hex with three digits with a green set to minimum plus one value, #010
  • The 'border-right-color' set to #010 renders the correct color.
Border-right-color set to hex with three digits with a green set to a nominal value, #090
  • The 'border-right-color' set to #090 renders the correct color.
Border-right-color set to hex with three digits with a green set to maximum minus one value, #0e0
  • The 'border-right-color' set to #0e0 renders the correct color.
Border-right-color set to hex with three digits with a green set to the maximum value, #0f0
  • The 'border-right-color' set to #0f0 renders the correct color.
Border-right-color set to hex with three digits with a green set to the maximum plus one value, #0g0
  • The 'border-right-color' set to #0g0 falls back to the initial value.
invalid
Border-right-color set to hex with three digits with a blue set to minimum plus one value, #001
  • The 'border-right-color' set to #001 renders the correct color.
Border-right-color set to hex with three digits with a blue set to a nominal value, #009
  • The 'border-right-color' set to #009 renders the correct color.
Border-right-color set to hex with three digits with a blue set to maximum minus one value, #00e
  • The 'border-right-color' set to #00e renders the correct color.
Border-right-color set to hex with three digits with a blue set to the maximum value, #00f
  • The 'border-right-color' set to #00f renders the correct color.
Border-right-color set to hex with three digits with a blue set to the maximum plus one value, #00g
  • The 'border-right-color' set to #00g falls back to the initial value.
invalid
Border-right-color set to rgb() using percentages with the minimum minus one value, rgb(-1%, -1%, -1%)
  • The 'border-right-color' set to rgb(-1%, -1%, -1%) truncates to a valid value.
invalid
Border-right-color set to rgb() using percentages with the minimum value, rgb(0%, 0%, 0%)
  • The 'border-right-color' set to rgb(0%, 0%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with the minimum plus one value, rgb(1%, 1%, 1%)
  • The 'border-right-color' set to rgb(1%, 1%, 1%) renders the correct color.
Border-right-color set to rgb() using percentages with the minimum value and minus sign, rgb(-0%, -0%, -0%)
  • The 'border-right-color' set to rgb(-0%, -0%, -0%) renders the correct color.
Border-right-color set to rgb() using percentages with the minimum value and plus sign, rgb(+0%, +0%, +0%)
  • The 'border-right-color' set to rgb(+0%, +0%, +0%) renders the correct color.
Border-right-color set to rgb() using percentages with a nominal value, rgb(50%, 50%, 50%)
  • The 'border-right-color' set to rgb(50%, 50%, 50%) renders the correct color.
Border-right-color set to rgb() using percentages with a nominal value and a plus sign, rgb(+50%, +50%, +50%)
  • The 'border-right-color' set to rgb(+50%, +50%, +50%) renders the correct color.
Border-right-color set to rgb() using percentages with a maximum minus one value, rgb(99%, 99%, 99%)
  • The 'border-right-color' set to rgb(99%, 99%, 99%) renders the correct color.
Border-right-color set to rgb() using percentages with a maximum value, rgb(100%, 100%, 100%)
  • The 'border-right-color' set to rgb(100%, 100%, 100%) renders the correct color.
Border-right-color set to rgb() using percentages with plus sign on each maximum value, rgb(+100%, +100%, +100%)
  • The 'border-right-color' set to rgb(+100%, +100%, +100%) renders the correct color.
Border-right-color set to rgb() using percentages with a maximum plus one value, rgb(101%, 101%, 101%)
  • The 'border-right-color' set to rgb(101%, 101%, 101%) truncates to a valid value.
invalid
Border-right-color set to rgb() using integers with the minimum minus one value, rgb(-1, -1, -1)
  • The 'border-right-color' set to rgb(-1, -1, -1) truncates to a valid value.
invalid
Border-right-color set to rgb() using integers with the minimum value, rgb(0, 0, 0)
  • The 'border-right-color' set to rgb(0, 0, 0) renders the correct color.
Border-right-color set to rgb() using integers with the minimum plus one value, rgb(1, 1, 1)
  • The 'border-right-color' set to rgb(1, 1, 1) renders the correct color.
Border-right-color set to rgb() using integers with the minimum value and minus sign, rgb(-0, -0, -0)
  • The 'border-right-color' set to rgb(-0, -0, -0) renders the correct color.
Border-right-color set to rgb() using integers with the minimum value and plus sign, rgb(+0, +0, +0)
  • The 'border-right-color' set to rgb(+0, +0, +0) renders the correct color.
Border-right-color set to rgb() using integers with a nominal value, rgb(128, 128, 128)
  • The 'border-right-color' set to rgb(128, 128, 128) renders the correct color.
Border-right-color set to rgb() using integers with a nominal value and a plus sign, rgb(+128, +128, +128)
  • The 'border-right-color' set to rgb(+128, +128, +128) renders the correct color.
Border-right-color set to rgb() using integers with a maximum minus one value, rgb(254, 254, 254)
  • The 'border-right-color' set to rgb(254, 254, 254) renders the correct color.
Border-right-color set to rgb() using integers with a maximum value, rgb(255, 255, 255)
  • The 'border-right-color' set to rgb(255, 255, 255) renders the correct color.
Border-right-color set to rgb() using integers with a maximum value and a plus sign, rgb(+255, +255, +255)
  • The 'border-right-color' set to rgb(+255, +255, +255) renders the correct color.
Border-right-color set to rgb() using integers with a maximum plus one value, rgb(256, 256, 256)
  • The 'border-right-color' set to rgb(256, 256, 256) truncates to a valid value.
invalid
Border-right-color set to rgb() using percentages with red set to the minimum minus one value, rgb(-1%, 0%, 0%)
  • The 'border-right-color' set to rgb(-1%, 0%, 0%) falls back to the initial value.
invalid
Border-right-color set to rgb() using percentages with red set to the minimum plus one value, rgb(1%, 0%, 0%)
  • The 'border-right-color' set to rgb(1%, 0%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with red set to the minimum value and minus sign, rgb(-0%, 0%, 0%)
  • The 'border-right-color' set to rgb(-0%, 0%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with red set to the minimum value and plus sign, rgb(+0%, 0%, 0%)
  • The 'border-right-color' set to rgb(+0%, 0%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with red set to a nominal value, rgb(50%, 0%, 0%)
  • The 'border-right-color' set to rgb(50%, 0%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with red set to a nominal value with a plus sign, rgb(+50%, 0%, 0%)
  • The 'border-right-color' set to rgb(+50%, 0%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with red set to a maximum minus one value, rgb(99%, 0%, 0%)
  • The 'border-right-color' set to rgb(99%, 0%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with red set to a maximum value, rgb(100%, 0%, 0%)
  • The 'border-right-color' set to rgb(100%, 0%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with red set to a maximum value with a plus sign, rgb(+100%, 0%, 0%)
  • The 'border-right-color' set to rgb(+100%, 0%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with red set to a maximum plus one value, rgb(101%, 0%, 0%)
  • The 'border-right-color' set to rgb(101%, 0%, 0%) truncates to a valid value.
invalid
Border-right-color set to rgb() using integers with red set to the minimum minus one value, rgb(-1, 0, 0)
  • The 'border-right-color' set to rgb(-1, 0, 0) truncates to a valid value.
invalid
Border-right-color set to rgb() using integers with red set to the minimum plus one value, rgb(1, 0, 0)
  • The 'border-right-color' set to rgb(1, 0, 0) renders the correct color.
Border-right-color set to rgb() using integers with red set to the minimum value with a minus sign, rgb(-0, 0, 0)
  • The 'border-right-color' set to rgb(-0, 0, 0) renders the correct color.
Border-right-color set to rgb() using integers with red set to the minimum value with a plus sign, rgb(+0, 0, 0)
  • The 'border-right-color' set to rgb(+0, 0, 0) renders the correct color.
Border-right-color set to rgb() using integers with red set to a nominal value, rgb(128, 0, 0)
  • The 'border-right-color' set to rgb(128, 0, 0) renders the correct color.
Border-right-color set to rgb() using integers with red set to a nominal value with a plus sign, rgb(+128, 0, 0)
  • The 'border-right-color' set to rgb(+128, 0, 0) renders the correct color.
Border-right-color set to rgb() using integers with red set to a maximum minus one value, rgb(254, 0, 0)
  • The 'border-right-color' set to rgb(254, 0, 0) renders the correct color.
Border-right-color set to rgb() using integers with red set to a maximum value, rgb(255, 0, 0)
  • The 'border-right-color' set to rgb(255, 0, 0) renders the correct color.
Border-right-color set to rgb() using integers with red set to a maximum value with a plus sign, rgb(+255, 0, 0)
  • The 'border-right-color' set to rgb(+255, 0, 0) renders the correct color.
Border-right-color set to rgb() using integers with red set to a maximum plus one value, rgb(256, 0, 0)
  • The 'border-right-color' set to rgb(256, 0, 0) truncates to a valid value.
invalid
Border-right-color set to rgb() using percentages with green set to the minimum minus one value, rgb(0%, -1%, 0%)
  • The 'border-right-color' set to rgb(0%, -1%, 0%) truncates to a valid value.
invalid
Border-right-color set to rgb() using percentages with green set to the minimum plus one value, rgb(0%, 1%, 0%)
  • The 'border-right-color' set to rgb(0%, 1%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with green set to the minimum value and minus sign, rgb(0%, -0%, 0%)
  • The 'border-right-color' set to rgb(0%, -0%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with green set to the minimum value and plus sign, rgb(0%, +0%, 0%)
  • The 'border-right-color' set to rgb(0%, +0%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with green set to a nominal value, rgb(0%, 50%, 0%)
  • The 'border-right-color' set to rgb(0%, 50%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with green set to a nominal value with a plus sign, rgb(0%, +50%, 0%)
  • The 'border-right-color' set to rgb(0%, +50%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with green set to a maximum minus one value, rgb(0%, 99%, 0%)
  • The 'border-right-color' set to rgb(0%, 99%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with green set to a maximum value, rgb(0%, 100%, 0%)
  • The 'border-right-color' set to rgb(0%, 100%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with green set to a maximum value with a plus sign, rgb(0%, +100%, 0%)
  • The 'border-right-color' set to rgb(0%, +100%, 0%) renders the correct color.
Border-right-color set to rgb() using percentages with green set to a maximum plus one value, rgb(0%, 101%, 0%)
  • The 'border-right-color' set to rgb(0%, 101%, 0%) truncates to a valid value.
invalid
Border-right-color set to rgb() using integers with green set to the minimum minus one value, rgb(0, -1, 0)
  • The 'border-right-color' set to rgb(-1, 0, 0) truncates to a valid value.
invalid
Border-right-color set to rgb() using integers with green set to the minimum plus one value, rgb(0, 1, 0)
  • The 'border-right-color' set to rgb(0, 1, 0) renders the correct color.
Border-right-color set to rgb() using integers with green set to the minimum value with a minus sign, rgb(0, -0, 0)
  • The 'border-right-color' set to rgb(0, -0, 0) renders the correct color.
Border-right-color set to rgb() using integers with green set to the minimum value with a plus sign, rgb(0, +0, 0)
  • The 'border-right-color' set to rgb(0, +0, 0) renders the correct color.
Border-right-color set to rgb() using integers with green set to a nominal value, rgb(0, 128, 0)
  • The 'border-right-color' set to rgb(0, 128, 0) renders the correct color.
Border-right-color set to rgb() using integers with green set to a nominal value with a plus sign, rgb(0, +128, 0)
  • The 'border-right-color' set to rgb(0, +128, 0) renders the correct color.
Border-right-color set to rgb() using integers with green set to a maximum minus one value, rgb(0, 254, 0)
  • The 'border-right-color' set to rgb(0, 254, 0) renders the correct color.
Border-right-color set to rgb() using integers with green set to a maximum value, rgb(0, 255, 0)
  • The 'border-right-color' set to rgb(0, 255, 0) renders the correct color.
Border-right-color set to rgb() using integers with green set to a maximum value with a plus sign, rgb(0, +255, 0)
  • The 'border-right-color' set to rgb(0, +255, 0) renders the correct color.
Border-right-color set to rgb() using integers with green set to a maximum plus one value, rgb(0, 256 0)
  • The 'border-right-color' set to rgb(0, 256, 0) properly truncates to a valid value.
invalid
Border-right-color set to rgb() using percentages with blue set to the minimum minus one value, rgb(0%, 0%, -1%)
  • The 'border-right-color' set to rgb(0%, 0%, -1%) truncates to a valid value.
invalid
Border-right-color set to rgb() using percentages with blue set to the minimum plus one value, rgb(0%, 0%, 1%)
  • The 'border-right-color' set to rgb(0%, 0%, 1%) renders the correct color.
Border-right-color set to rgb() using percentages with blue set to the minimum value and minus sign, rgb(0%, 0%, -0%)
  • The 'border-right-color' set to rgb(0%, 0%, -0%) renders the correct color.
Border-right-color set to rgb() using percentages with blue set to the minimum value and plus sign, rgb(0%, 0%, +0%)
  • The 'border-right-color' set to rgb(0%, 0%, +0%) renders the correct color.
Border-right-color set to rgb() using percentages with blue set to a nominal value, rgb(0%, 0%, 50%)
  • The 'border-right-color' set to rgb(0%, 0%, 50%) renders the correct color.
Border-right-color set to rgb() using percentages with blue set to a nominal value with a plus sign, rgb(0%, 0%, +50%)
  • The 'border-right-color' set to rgb(0%, 0%, +50%) renders the correct color.
Border-right-color set to rgb() using percentages with blue set to a maximum minus one value, rgb(0%, 0%, 99%)
  • The 'border-right-color' set to rgb(0%, 0%, 99%) renders the correct color.
Border-right-color set to rgb() using percentages with blue set to a maximum value, rgb(0%, 0%, 100%)
  • The 'border-right-color' set to rgb(0%, 0%, 100%) renders the correct color.
Border-right-color set to rgb() using percentages with blue set to a maximum value with a plus sign, rgb(0%, 0%, +100%)
  • The 'border-right-color' set to rgb(0%, 0%, +100%) renders the correct color.
Border-right-color set to rgb() using percentages with blue set to a maximum plus one value, rgb(0%, 0%, 101%)
  • The 'border-right-color' set to rgb(0%, 0%, 101%) truncates to a valid value.
invalid
Border-right-color set to rgb() using integers with blue set to the minimum minus one value, rgb(0, 0, -1)
  • The 'border-right-color' set to rgb(0, 0, -1) truncates to a valid value.
invalid
Border-right-color set to rgb() using integers with blue set to the minimum plus one value, rgb(0, 0, 1)
  • The 'border-right-color' set to rgb(0, 0, 1) renders the correct color.
Border-right-color set to rgb() using integers with blue set to the minimum value with a minus sign, rgb(0, 0, -0)
  • The 'border-right-color' set to rgb(0, 0, -0) renders the correct color.
Border-right-color set to rgb() using integers with blue set to the minimum value with a plus sign, rgb(0, 0, +0)
  • The 'border-right-color' set to rgb(0, 0, +0) renders the correct color.
Border-right-color set to rgb() using integers with blue set to a nominal value, rgb(0, 0, 128)
  • The 'border-right-color' set to rgb(0, 0, 128) renders the correct color.
Border-right-color set to rgb() using integers with blue set to a nominal value with a plus sign, rgb(0, 0, +128)
  • The 'border-right-color' set to rgb(0, 0, +128) renders the correct color.
Border-right-color set to rgb() using integers with blue set to a maximum minus one value, rgb(0, 0, 254)
  • The 'border-right-color' set to rgb(0, 0, 254) renders the correct color.
Border-right-color set to rgb() using integers with blue set to a maximum value, rgb(0, 0, 255)
  • The 'border-right-color' set to rgb(0, 0, 255) renders the correct color.
Border-right-color set to rgb() using integers with blue set to a maximum value with a plus sign, rgb(0, 0, +255)
  • The 'border-right-color' set to rgb(0, 0, +255) renders the correct color.
Border-right-color set to rgb() using integers with blue set to a maximum plus one value, rgb(0, 0, 256)
  • The 'border-right-color' set to rgb(0, 0, 256) properly truncates to a valid value.
invalid
Border-right-color set to aqua
  • The 'border-right-color' set to aqua causes the border-right-color of the box to be aqua.
Border-right-color set to black
  • The 'border-right-color' set to black causes the border-right-color of the box to be black.
Border-right-color set to blue
  • The 'border-right-color' set to blue causes the border-right-color of the box to be blue.
Border-right-color set to fuchsia
  • The 'border-right-color' set to fuchsia causes the border-right-color of the box to be fuchsia.
Border-right-color set to gray
  • The 'border-right-color' set to gray causes the border-right-color of the box to be gray.
Border-right-color set to green
  • The 'border-right-color' set to green causes the background of the box to be green.
Border-right-color set to lime
  • The 'border-right-color' set to lime causes the border-right-color of the box to be lime.
Border-right-color set to maroon
  • The 'border-right-color' set to maroon causes the border-right-color of the box to be maroon.
Border-right-color set to navy
  • The 'border-right-color' set to navy causes the border-right-color of the box to be navy.
Border-right-color set to olive
  • The 'border-right-color' set to olive causes the border-right-color of the box to be olive.
Border-right-color set to orange
  • The 'border-right-color' set to orange causes the border-right-color of the box to be orange.
Border-right-color set to purple
  • The 'border-right-color' set to purple causes the border-right-color of the box to be purple.
Border-right-color set to red
  • The 'border-right-color' set to red causes the border-right-color of the box to be red.
Border-right-color set to silver
  • The 'border-right-color' set to silver causes the border-right-color of the box to be silver.
Border-right-color set to teal
  • The 'border-right-color' set to teal causes the border-right-color of the box to be teal.
Border-right-color set to white
  • The 'border-right-color' set to white causes the border-right-color of the box to be white.
Border-right-color set to yellow
  • The 'border-right-color' set to yellow causes the border-right-color of the box to be yellow.
Border-right-color set to transparent
  • The 'border-right-color' set to transparent properly renders a border with no visible color.
Border-right-color set to inherit
  • The 'border-right-color' set to inherit causes the 'border-right-color' of the element to be the same as the 'border-right-color' designated on the parent element.
Border-right-color applied to element with display table-row-group
  • The 'border-right-color' property applies to elements with a display of table-row-group.
Border-right-color applied to element with display table-header-group
  • The 'border-right-color' property applies to elements with a display of table-header-group.
Border-right-color applied to element with display table-footer-group
  • The 'border-right-color' property applies to elements with a display of table-footer-group.
Border-right-color applied to element with display table-row
  • The 'border-right-color' property applies to elements with a display of table-row.
Border-right-color applied to element with display table-column-group
  • The 'border-right-color' property applies to elements with a display of table-column-group.
Border-right-color applied to element with display table-column
  • The 'border-right-color' property applies to elements with a display of table-column.
Border-right-color applied to element with display table-cell
  • The 'border-right-color' property applies to elements with a display of table-cell.
Border-right-color applied to element with display inline
  • The 'border-right-color' property applies to elements with a display of inline.
Border-right-color applied to element with display block
  • The 'border-right-color' property applies to elements with a display of block.
Border-right-color applied to element with display list-item
  • The 'border-right-color' property applies to elements with a display of list-item.
Border-right-color applied to element with display run-in
  • The 'border-right-color' property applies to elements with a display of run-in.
Border-right-color applied to element with display inline-block
  • The 'border-right-color' property applies to elements with a display of inline-block.
Border-right-color applied to element with display table
  • The 'border-right-color' property applies to elements with a display of table.
Border-right-color applied to element with display inline-table
  • The 'border-right-color' property applies to elements with a display of inline-table.
Border-right-color applied to element with display table-caption
  • The 'border-right-color' property applies to elements with a display of table-caption.
Border-style initial set to 'none'
  • Verify that 'border-color' and 'border-width' do not display a border since 'border-style' is initially 'none'.
Border-style set using three values
  • Applying three values to the border-style property applies the first value to the top the second value to the left and right and the third value to the bottom.
Border-top-color set to hex with five digits which is invalid and is equivalent to minimum minus one value for six digit hex
  • The 'border-top-color' set to #00000 falls back to the initial value.
invalid
Border-top-color set to hex with six digits with the minimum value, #000000
  • The 'border-top-color' set to #000000 renders the correct color.
Border-top-color set to hex with six digits with the minimum plus one value, #010101
  • The 'border-top-color' set to #010101 renders the correct color.
Border-top-color set to hex with six digits with a nominal value #999999
  • The 'border-top-color' set to #999999 renders the correct color.
Border-top-color set to hex with six digits with the maximum minus one value of #fefefe
  • The 'border-top-color' set to #fefefe renders the correct color for the border.
Border-top-color set to hex with six digits with the maximum value of #ffffff
  • The 'border-top-color' set to #ffffff renders the correct color.
Border-top-color set to hex with six digits with the maximum plus one value of #1000000
  • The 'border-top-color' set to #1000000 falls back to the initial value.
invalid
Border-top-color set to hex with six digits with the maximum plus one value of #fgfgfg
  • The 'border-top-color' set to #fgfgfg falls back to the initial value.
invalid
Border-top-color set to hex with six digits with a red set to minimum plus one value, #010000
  • The 'border-top-color' set to #010000 renders the correct color.
Border-top-color set to hex with six digits with a red set to a nominal value, #990000
  • The 'border-top-color' set to #990000 renders the correct color.
Border-top-color set to hex with six digits with a red set to maximum minus one value, #fe0000
  • The 'border-top-color' set to #fe0000 renders the correct color.
Border-top-color set to hex with six digits with a red set to the maximum value, #ff0000
  • The 'border-top-color' set to #ff0000 renders the correct color.
Border-top-color set to hex with six digits with a red set to the maximum plus one value, #fg0000
  • The 'border-top-color' set to #fg0000 falls back to the initial value.
invalid
Border-top-color set to hex with six digits with a green set to minimum plus one value, #000100
  • The 'border-top-color' set to #000100 renders the correct color.
Border-top-color set to hex with six digits with a green set to a nominal value, #009900
  • The 'border-top-color' set to #009900 renders the correct color.
Border-top-color set to hex with six digits with a green set to maximum minus one value, #00fe00
  • The 'border-top-color' set to #00fe00 renders the correct color.
Border-top-color set to hex with six digits with a green set to the maximum value, #00ff00
  • The 'border-top-color' set to #00ff00 renders the correct color.
Border-top-color set to hex with six digits with a green set to the maximum plus one value, #00fg00
  • The 'border-top-color' set to #00fg00 falls back to the initial value.
invalid
Border-top-color set to hex with six digits with a blue set to minimum plus one value, #000001
  • The 'border-top-color' set to #000001 renders the correct color.
Border-top-color set to hex with six digits with a blue set to a nominal value, #000099
  • The 'border-top-color' set to #000099 renders the correct color.
Border-top-color set to hex with six digits with a blue set to maximum minus one value, #0000fe
  • The 'border-top-color' set to #0000fe renders the correct color.
Border-top-color set to hex with six digits with a blue set to the maximum value, #0000ff
  • The 'border-top-color' set to #0000ff renders the correct color.
Border-top-color set to hex with six digits with a blue set to the maximum plus one value, #0000fg
  • The 'border-top-color' set to #0000fg falls back to the initial value.
invalid
Border-top-color set to hex with 2 digits which is invalid and is equivalent to minimum minus one value for 3 digit hex
  • The 'border-top-color' set to #00 falls back to the initial value.
invalid
Border-top-color set to hex with three digits with the minimum possible value #000
  • The 'border-top-color' set to #000 renders the correct color.
Border-top-color set to hex with three digits with the minimum plus one value, #111
  • The 'border-top-color' set to #111 renders the correct color.
Border-top-color set to hex with three digits with a nominal value #999
  • The 'border-top-color' set to #999 renders the correct color.
Border-top-color set to hex with three digits with the maximum minus one value of #eee
  • The 'border-top-color' set to #eee renders the correct color.
Border-top-color set to hex with three digits with the maximum value of #fff
  • The 'border-top-color' set to #fff renders the correct color.
Border-top-color set to hex with three digits with the maximum plus one value of #1000
  • The 'border-top-color' set to #1000 falls back to the initial value.
invalid
Border-top-color set to hex with three digits with the maximum plus one value of #ggg
  • The 'border-top-color' set to #ggg falls back to the initial value.
invalid
Border-top-color set to hex with three digits with a red set to minimum plus one value, #100
  • The 'border-top-color' set to #100 renders the correct color.
Border-top-color set to hex with three digits with a red set to a nominal value, #900
  • The 'border-top-color' set to #900 renders the correct color.
Border-top-color set to hex with three digits with a red set to maximum minus one value, #e00
  • The 'border-top-color' set to #e00 renders the correct color.
Border-top-color set to hex with three digits with a red set to the maximum value, #f00
  • The 'border-top-color' set to #f00 renders the correct color.
Border-top-color set to hex with three digits with a red set to the maximum plus one value, #g00
  • The 'border-top-color' set to #g00 falls back to the initial value.
invalid
Border-top-color set to hex with three digits with a green set to minimum plus one value, #010
  • The 'border-top-color' set to #010 renders the correct color.
Border-top-color set to hex with three digits with a green set to a nominal value, #090
  • The 'border-top-color' set to #090 renders the correct color.
Border-top-color set to hex with three digits with a green set to maximum minus one value, #0e0
  • The 'border-top-color' set to #0e0 renders the correct color.
Border-top-color set to hex with three digits with a green set to the maximum value, #0f0
  • The 'border-top-color' set to #0f0 renders the correct color.
Border-top-color set to hex with three digits with a green set to the maximum plus one value, #0g0
  • The 'border-top-color' set to #0g0 falls back to the initial value.
invalid
Border-top-color set to hex with three digits with a blue set to minimum plus one value, #001
  • The 'border-top-color' set to #001 renders the correct color.
Border-top-color set to hex with three digits with a blue set to a nominal value, #009
  • The 'border-top-color' set to #009 renders the correct color.
Border-top-color set to hex with three digits with a blue set to maximum minus one value, #00e
  • The 'border-top-color' set to #00e renders the correct color.
Border-top-color set to hex with three digits with a blue set to the maximum value, #00f
  • The 'border-top-color' set to #00f renders the correct color.
Border-top-color set to hex with three digits with a blue set to the maximum plus one value, #00g
  • The 'border-top-color' set to #00g falls back to the initial value.
invalid
Border-top-color set to rgb() using percentages with the minimum minus one value, rgb(-1%, -1%, -1%)
  • The 'border-top-color' set to rgb(-1%, -1%, -1%) truncates to a valid value.
invalid
Border-top-color set to rgb() using percentages with the minimum value, rgb(0%, 0%, 0%)
  • The 'border-top-color' set to rgb(0%, 0%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with the minimum plus one value, rgb(1%, 1%, 1%)
  • The 'border-top-color' set to rgb(1%, 1%, 1%) renders the correct color.
Border-top-color set to rgb() using percentages with the minimum value and minus sign, rgb(-0%, -0%, -0%)
  • The 'border-top-color' set to rgb(-0%, -0%, -0%) renders the correct color.
Border-top-color set to rgb() using percentages with the minimum value and plus sign, rgb(+0%, +0%, +0%)
  • The 'border-top-color' set to rgb(+0%, +0%, +0%) renders the correct color.
Border-top-color set to rgb() using percentages with a nominal value, rgb(50%, 50%, 50%)
  • The 'border-top-color' set to rgb(50%, 50%, 50%) renders the correct color.
Border-top-color set to rgb() using percentages with a nominal value and a plus sign, rgb(+50%, +50%, +50%)
  • The 'border-top-color' set to rgb(+50%, +50%, +50%) renders the correct color.
Border-top-color set to rgb() using percentages with a maximum minus one value, rgb(99%, 99%, 99%)
  • The 'border-top-color' set to rgb(99%, 99%, 99%) renders the correct color.
Border-top-color set to rgb() using percentages with a maximum value, rgb(100%, 100%, 100%)
  • The 'border-top-color' set to rgb(100%, 100%, 100%) renders the correct color.
Border-top-color set to rgb() using percentages with plus sign on each maximum value, rgb(+100%, +100%, +100%)
  • The 'border-top-color' set to rgb(+100%, +100%, +100%) renders the correct color.
Border-top-color set to rgb() using percentages with a maximum plus one value, rgb(101%, 101%, 101%)
  • The 'border-top-color' set to rgb(101%, 101%, 101%) truncates to a valid value.
invalid
Border-top-color set to rgb() using integers with the minimum minus one value, rgb(-1, -1, -1)
  • The 'border-top-color' set to rgb(-1, -1, -1) truncates to a valid value.
invalid
Border-top-color set to rgb() using integers with the minimum value, rgb(0, 0, 0)
  • The 'border-top-color' set to rgb(0, 0, 0) renders the correct color.
Border-top-color set to rgb() using integers with the minimum plus one value, rgb(1, 1, 1)
  • The 'border-top-color' set to rgb(1, 1, 1) renders the correct color.
Border-top-color set to rgb() using integers with the minimum value and minus sign, rgb(-0, -0, -0)
  • The 'border-top-color' set to rgb(-0, -0, -0) renders the correct color.
Border-top-color set to rgb() using integers with the minimum value and plus sign, rgb(+0, +0, +0)
  • The 'border-top-color' set to rgb(+0, +0, +0) renders the correct color.
Border-top-color set to rgb() using integers with a nominal value, rgb(128, 128, 128)
  • The 'border-top-color' set to rgb(128, 128, 128) renders the correct color.
Border-top-color set to rgb() using integers with a nominal value and a plus sign, rgb(+128, +128, +128)
  • The 'border-top-color' set to rgb(+128, +128, +128) renders the correct color.
Border-top-color set to rgb() using integers with a maximum minus one value, rgb(254, 254, 254)
  • The 'border-top-color' set to rgb(254, 254, 254) renders the correct color.
Border-top-color set to rgb() using integers with a maximum value, rgb(255, 255, 255)
  • The 'border-top-color' set to rgb(255, 255, 255) renders the correct color.
Border-top-color set to rgb() using integers with a maximum value and a plus sign, rgb(+255, +255, +255)
  • The 'border-top-color' set to rgb(+255, +255, +255) renders the correct color.
Border-top-color set to rgb() using integers with a maximum plus one value, rgb(256, 256, 256)
  • The 'border-top-color' set to rgb(256, 256, 256) truncates to a valid value.
invalid
Border-top-color set to rgb() using percentages with red set to the minimum minus one value, rgb(-1%, 0%, 0%)
  • The 'border-top-color' set to rgb(-1%, 0%, 0%) falls back to the initial value.
invalid
Border-top-color set to rgb() using percentages with red set to the minimum plus one value, rgb(1%, 0%, 0%)
  • The 'border-top-color' set to rgb(1%, 0%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with red set to the minimum value and minus sign, rgb(-0%, 0%, 0%)
  • The 'border-top-color' set to rgb(-0%, 0%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with red set to the minimum value and plus sign, rgb(+0%, 0%, 0%)
  • The 'border-top-color' set to rgb(+0%, 0%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with red set to a nominal value, rgb(50%, 0%, 0%)
  • The 'border-top-color' set to rgb(50%, 0%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with red set to a nominal value with a plus sign, rgb(+50%, 0%, 0%)
  • The 'border-top-color' set to rgb(+50%, 0%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with red set to a maximum minus one value, rgb(99%, 0%, 0%)
  • The 'border-top-color' set to rgb(99%, 0%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with red set to a maximum value, rgb(100%, 0%, 0%)
  • The 'border-top-color' set to rgb(100%, 0%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with red set to a maximum value with a plus sign, rgb(+100%, 0%, 0%)
  • The 'border-top-color' set to rgb(+100%, 0%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with red set to a maximum plus one value, rgb(101%, 0%, 0%)
  • The 'border-top-color' set to rgb(101%, 0%, 0%) truncates to a valid value.
invalid
Border-top-color set to rgb() using integers with red set to the minimum minus one value, rgb(-1, 0, 0)
  • The 'border-top-color' set to rgb(-1, 0, 0) truncates to a valid value.
invalid
Border-top-color set to rgb() using integers with red set to the minimum plus one value, rgb(1, 0, 0)
  • The 'border-top-color' set to rgb(1, 0, 0) renders the correct color.
Border-top-color set to rgb() using integers with red set to the minimum value with a minus sign, rgb(-0, 0, 0)
  • The 'border-top-color' set to rgb(-0, 0, 0) renders the correct color.
Border-top-color set to rgb() using integers with red set to the minimum value with a plus sign, rgb(+0, 0, 0)
  • The 'border-top-color' set to rgb(+0, 0, 0) renders the correct color.
Border-top-color set to rgb() using integers with red set to a nominal value, rgb(128, 0, 0)
  • The 'border-top-color' set to rgb(128, 0, 0) renders the correct color.
Border-top-color set to rgb() using integers with red set to a nominal value with a plus sign, rgb(+128, 0, 0)
  • The 'border-top-color' set to rgb(+128, 0, 0) renders the correct color.
Border-top-color set to rgb() using integers with red set to a maximum minus one value, rgb(254, 0, 0)
  • The 'border-top-color' set to rgb(254, 0, 0) renders the correct color.
Border-top-color set to rgb() using integers with red set to a maximum value, rgb(255, 0, 0)
  • The 'border-top-color' set to rgb(255, 0, 0) renders the correct color.
Border-top-color set to rgb() using integers with red set to a maximum value with a plus sign, rgb(+255, 0, 0)
  • The 'border-top-color' set to rgb(+255, 0, 0) renders the correct color.
Border-top-color set to rgb() using integers with red set to a maximum plus one value, rgb(256, 0, 0)
  • The 'border-top-color' set to rgb(256, 0, 0) truncates to a valid value.
invalid
Border-top-color set to rgb() using percentages with green set to the minimum minus one value, rgb(0%, -1%, 0%)
  • The 'border-top-color' set to rgb(0%, -1%, 0%) truncates to a valid value.
invalid
Border-top-color set to rgb() using percentages with green set to the minimum plus one value, rgb(0%, 1%, 0%)
  • The 'border-top-color' set to rgb(0%, 1%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with green set to the minimum value and minus sign, rgb(0%, -0%, 0%)
  • The 'border-top-color' set to rgb(0%, -0%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with green set to the minimum value and plus sign, rgb(0%, +0%, 0%)
  • The 'border-top-color' set to rgb(0%, +0%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with green set to a nominal value, rgb(0%, 50%, 0%)
  • The 'border-top-color' set to rgb(0%, 50%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with green set to a nominal value with a plus sign, rgb(0%, +50%, 0%)
  • The 'border-top-color' set to rgb(0%, +50%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with green set to a maximum minus one value, rgb(0%, 99%, 0%)
  • The 'border-top-color' set to rgb(0%, 99%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with green set to a maximum value, rgb(0%, 100%, 0%)
  • The 'border-top-color' set to rgb(0%, 100%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with green set to a maximum value with a plus sign, rgb(0%, +100%, 0%)
  • The 'border-top-color' set to rgb(0%, +100%, 0%) renders the correct color.
Border-top-color set to rgb() using percentages with green set to a maximum plus one value, rgb(0%, 101%, 0%)
  • The 'border-top-color' set to rgb(0%, 101%, 0%) truncates to a valid value.
invalid
Border-top-color set to rgb() using integers with green set to the minimum minus one value, rgb(0, -1, 0)
  • The 'border-top-color' set to rgb(-1, 0, 0) truncates to a valid value.
invalid
Border-top-color set to rgb() using integers with green set to the minimum plus one value, rgb(0, 1, 0)
  • The 'border-top-color' set to rgb(0, 1, 0) renders the correct color.
Border-top-color set to rgb() using integers with green set to the minimum value with a minus sign, rgb(0, -0, 0)
  • The 'border-top-color' set to rgb(0, -0, 0) renders the correct color.
Border-top-color set to rgb() using integers with green set to the minimum value with a plus sign, rgb(0, +0, 0)
  • The 'border-top-color' set to rgb(0, +0, 0) renders the correct color.
Border-top-color set to rgb() using integers with green set to a nominal value, rgb(0, 128, 0)
  • The 'border-top-color' set to rgb(0, 128, 0) renders the correct color.
Border-top-color set to rgb() using integers with green set to a nominal value with a plus sign, rgb(0, +128, 0)
  • The 'border-top-color' set to rgb(0, +128, 0) renders the correct color.
Border-top-color set to rgb() using integers with green set to a maximum minus one value, rgb(0, 254, 0)
  • The 'border-top-color' set to rgb(0, 254, 0) renders the correct color.
Border-top-color set to rgb() using integers with green set to a maximum value, rgb(0, 255, 0)
  • The 'border-top-color' set to rgb(0, 255, 0) renders the correct color.
Border-top-color set to rgb() using integers with green set to a maximum value with a plus sign, rgb(0, +255, 0)
  • The 'border-top-color' set to rgb(0, +255, 0) renders the correct color.
Border-top-color set to rgb() using integers with green set to a maximum plus one value, rgb(0, 256 0)
  • The 'border-top-color' set to rgb(0, 256, 0) properly truncates to a valid value.
invalid
Border-top-color set to rgb() using percentages with blue set to the minimum minus one value, rgb(0%, 0%, -1%)
  • The 'border-top-color' set to rgb(0%, 0%, -1%) truncates to a valid value.
invalid
Border-top-color set to rgb() using percentages with blue set to the minimum plus one value, rgb(0%, 0%, 1%)
  • The 'border-top-color' set to rgb(0%, 0%, 1%) renders the correct color.
Border-top-color set to rgb() using percentages with blue set to the minimum value and minus sign, rgb(0%, 0%, -0%)
  • The 'border-top-color' set to rgb(0%, 0%, -0%) renders the correct color.
Border-top-color set to rgb() using percentages with blue set to the minimum value and plus sign, rgb(0%, 0%, +0%)
  • The 'border-top-color' set to rgb(0%, 0%, +0%) renders the correct color.
Border-top-color set to rgb() using percentages with blue set to a nominal value, rgb(0%, 0%, 50%)
  • The 'border-top-color' set to rgb(0%, 0%, 50%) renders the correct color.
Border-top-color set to rgb() using percentages with blue set to a nominal value with a plus sign, rgb(0%, 0%, +50%)
  • The 'border-top-color' set to rgb(0%, 0%, +50%) renders the correct color.
Border-top-color set to rgb() using percentages with blue set to a maximum minus one value, rgb(0%, 0%, 99%)
  • The 'border-top-color' set to rgb(0%, 0%, 99%) renders the correct color.
Border-top-color set to rgb() using percentages with blue set to a maximum value, rgb(0%, 0%, 100%)
  • The 'border-top-color' set to rgb(0%, 0%, 100%) renders the correct color.
Border-top-color set to rgb() using percentages with blue set to a maximum value with a plus sign, rgb(0%, 0%, +100%)
  • The 'border-top-color' set to rgb(0%, 0%, +100%) renders the correct color.
Border-top-color set to rgb() using percentages with blue set to a maximum plus one value, rgb(0%, 0%, 101%)
  • The 'border-top-color' set to rgb(0%, 0%, 101%) truncates to a valid value.
invalid
Border-top-color set to rgb() using integers with blue set to the minimum minus one value, rgb(0, 0, -1)
  • The 'border-top-color' set to rgb(0, 0, -1) truncates to a valid value.
invalid
Border-top-color set to rgb() using integers with blue set to the minimum plus one value, rgb(0, 0, 1)
  • The 'border-top-color' set to rgb(0, 0, 1) renders the correct color.
Border-top-color set to rgb() using integers with blue set to the minimum value with a minus sign, rgb(0, 0, -0)
  • The 'border-top-color' set to rgb(0, 0, -0) renders the correct color.
Border-top-color set to rgb() using integers with blue set to the minimum value with a plus sign, rgb(0, 0, +0)
  • The 'border-top-color' set to rgb(0, 0, +0) renders the correct color.
Border-top-color set to rgb() using integers with blue set to a nominal value, rgb(0, 0, 128)
  • The 'border-top-color' set to rgb(0, 0, 128) renders the correct color.
Border-top-color set to rgb() using integers with blue set to a nominal value with a plus sign, rgb(0, 0, +128)
  • The 'border-top-color' set to rgb(0, 0, +128) renders the correct color.
Border-top-color set to rgb() using integers with blue set to a maximum minus one value, rgb(0, 0, 254)
  • The 'border-top-color' set to rgb(0, 0, 254) renders the correct color.
Border-top-color set to rgb() using integers with blue set to a maximum value, rgb(0, 0, 255)
  • The 'border-top-color' set to rgb(0, 0, 255) renders the correct color.
Border-top-color set to rgb() using integers with blue set to a maximum value with a plus sign, rgb(0, 0, +255)
  • The 'border-top-color' set to rgb(0, 0, +255) renders the correct color.
Border-top-color set to rgb() using integers with blue set to a maximum plus one value, rgb(0, 0, 256)
  • The 'border-top-color' set to rgb(0, 0, 256) properly truncates to a valid value.
invalid
Border-top-color set to aqua
  • The 'border-top-color' set to aqua causes the border-top-color of the box to be aqua.
Border-top-color set to black
  • The 'border-top-color' set to black causes the border-top-color of the box to be black.
Border-top-color set to blue
  • The 'border-top-color' set to blue causes the border-top-color of the box to be blue.
Border-top-color set to fuchsia
  • The 'border-top-color' set to fuchsia causes the border-top-color of the box to be fuchsia.
Border-top-color set to gray
  • The 'border-top-color' set to gray causes the border-top-color of the box to be gray.
Border-top-color set to green
  • The 'border-top-color' set to green causes the background of the box to be green.
Border-top-color set to lime
  • The 'border-top-color' set to lime causes the border-top-color of the box to be lime.
Border-top-color set to maroon
  • The 'border-top-color' set to maroon causes the border-top-color of the box to be maroon.
Border-top-color set to navy
  • The 'border-top-color' set to navy causes the border-top-color of the box to be navy.
Border-top-color set to olive
  • The 'border-top-color' set to olive causes the border-top-color of the box to be olive.
Border-top-color set to orange
  • The 'border-top-color' set to orange causes the border-top-color of the box to be orange.
Border-top-color set to purple
  • The 'border-top-color' set to purple causes the border-top-color of the box to be purple.
Border-top-color set to red
  • The 'border-top-color' set to red causes the border-top-color of the box to be red.
Border-top-color set to silver
  • The 'border-top-color' set to silver causes the border-top-color of the box to be silver.
Border-top-color set to teal
  • The 'border-top-color' set to teal causes the border-top-color of the box to be teal.
Border-top-color set to white
  • The 'border-top-color' set to white causes the border-top-color of the box to be white.
Border-top-color set to yellow
  • The 'border-top-color' set to yellow causes the border-top-color of the box to be yellow.
Border-top-color set to transparent
  • The 'border-top-color' set to transparent properly renders a border with no visible color.
Border-top-color set to inherit
  • The 'border-top-color' set to inherit causes the 'border-top-color' of the element to be the same as the 'border-top-color' designated on the parent element.
Border-top-color applied to element with display table-row-group
  • The 'border-top-color' property applies to elements with a display of table-row-group.
Border-top-color applied to element with display table-header-group
  • The 'border-top-color' property applies to elements with a display of table-header-group.
Border-top-color applied to element with display table-footer-group
  • The 'border-top-color' property applies to elements with a display of table-footer-group.
Border-top-color applied to element with display table-row
  • The 'border-top-color' property applies to elements with a display of table-row.
Border-top-color applied to element with display table-column-group
  • The 'border-top-color' property applies to elements with a display of table-column-group.
Border-top-color applied to element with display table-column
  • The 'border-top-color' property applies to elements with a display of table-column.
Border-top-color applied to element with display table-cell
  • The 'border-top-color' property applies to elements with a display of table-cell.
Border-top-color applied to element with display inline
  • The 'border-top-color' property applies to elements with a display of inline.
Border-top-color applied to element with display block
  • The 'border-top-color' property applies to elements with a display of block.
Border-top-color applied to element with display list-item
  • The 'border-top-color' property applies to elements with a display of list-item.
Border-top-color applied to element with display run-in
  • The 'border-top-color' property applies to elements with a display of run-in.
Border-top-color applied to element with display inline-block
  • The 'border-top-color' property applies to elements with a display of inline-block.
Border-top-color applied to element with display table
  • The 'border-top-color' property applies to elements with a display of table.
Border-top-color applied to element with display inline-table
  • The 'border-top-color' property applies to elements with a display of inline-table.
Border-top-color applied to element with display table-caption
  • The 'border-top-color' property applies to elements with a display of table-caption.
8.5.3 Border style: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style', and 'border-style'
Border-bottom-style set to 'none'
  • The 'border-bottom-style' property set to 'none' does not render any border for an element.
Border-bottom-style set to 'hidden'
  • The 'border-bottom-style' property set to 'hidden' does not render any border for non-table elements.
Border-bottom-style set to 'dotted'
  • The 'border-bottom-style' set to 'dotted' renders the proper line style for the border.
Border-bottom-style set to 'dashed'
  • The 'border-bottom-style' set to 'dashed' renders the proper line style for the border.
Border-bottom-style set to 'solid'
  • The 'border-bottom-style' set to 'solid' renders the proper line style for the border.
Border-bottom-style set to 'double'
  • The 'border-bottom-style' set to 'double' renders the proper line style for the border.
Border-bottom-style set to 'groove'
  • The 'border-bottom-style' set to 'groove' renders the proper line style for the border.
Border-bottom-style set to 'ridge'
  • The 'border-bottom-style' set to 'ridge' renders the proper line style for the border.
Border-bottom-style set to 'inset'
  • The 'border-bottom-style' set to 'inset' renders the proper line style for the border.
Border-bottom-style set to 'outset'
  • The 'border-bottom-style' set to 'outset' renders the proper line style for the border.
Border-bottom-style set to 'inherit'
  • The 'border-bottom-style' property set to 'inherit' properly applies the value from the parent's 'border-bottom-style' property value.
Border-bottom-style applied to element with display table-row-group
  • The 'border-bottom-style' property applies to elements with a display of table-row-group.
Border-bottom-style applied to element with display table-header-group
  • The 'border-bottom-style' property applies to elements with a display of table-header-group.
Border-bottom-style applied to element with display table-footer-group
  • The 'border-bottom-style' property applies to elements with a display of table-footer-group.
Border-bottom-style applied to element with display table-row
  • The 'border-bottom-style' property applies to elements with a display of table-row.
Border-bottom-style applied to element with display table-column-group
  • The 'border-bottom-style' property applies to elements with a display of table-column-group.
Border-bottom-style applied to element with display table-column
  • The 'border-bottom-style' property applies to elements with a display of table-column.
Border-bottom-style applied to element with display table-cell
  • The 'border-bottom-style' property applies to elements with a display of table-cell.
Border-bottom-style applied to element with display inline
  • The 'border-bottom-style' property applies to elements with a display of inline.
Border-bottom-style applied to element with display block
  • The 'border-bottom-style' property applies to elements with a display of block.
Border-bottom-style applied to element with display list-item
  • The 'border-bottom-style' property applies to elements with a display of list-item.
Border-bottom-style applied to element with display run-in
  • The 'border-bottom-style' property applies to elements with a display of run-in.
Border-bottom-style applied to element with display inline-block
  • The 'border-bottom-style' property applies to elements with a display of inline-block.
Border-bottom-style applied to element with display table
  • The 'border-bottom-style' property applies to elements with a display of table.
Border-bottom-style applied to element with display inline-table
  • The 'border-bottom-style' property applies to elements with a display of inline-table.
Border-bottom-style applied to element with display table-caption
  • The 'border-bottom-style' property applies to elements with a display of table-caption.
Border-left-style set to 'none'
  • The 'border-left-style' property set to 'none' does not render any border for an element.
Border-left-style set to 'hidden'
  • The 'border-left-style' property set to 'hidden' does not render any border for non-table elements.
Border-left-style set to 'dotted'
  • The 'border-left-style' set to 'dotted' renders the proper line style for the border.
Border-left-style set to 'dashed'
  • The 'border-left-style' set to 'dashed' renders the proper line style for the border.
Border-left-style set to 'solid'
  • The 'border-left-style' set to 'solid' renders the proper line style for the border.
Border-left-style set to 'double'
  • The 'border-left-style' set to 'double' renders the proper line style for the border.
Border-left-style set to 'groove'
  • The 'border-left-style' set to 'groove' renders the proper line style for the border.
Border-left-style set to 'ridge'
  • The 'border-left-style' set to 'ridge' renders the proper line style for the border.
Border-left-style set to 'inset'
  • The 'border-left-style' set to 'inset' renders the proper line style for the border.
Border-left-style set to 'outset'
  • The 'border-left-style' set to 'outset' renders the proper line style for the border.
Border-left-style set to 'inherit'
  • The 'border-left-style' property set to 'inherit' properly applies the value from the parent's 'border-left-style' property value.
Border-left-style applied to element with display table-row-group
  • The 'border-left-style' properties applies to elements with a display of table-row-group.
Border-left-style applied to element with display table-header-group
  • The 'border-left-style' properties applies to elements with a display of table-header-group.
Border-left-style applied to element with display table-footer-group
  • The 'border-left-style' properties applies to elements with a display of table-footer-group.
Border-left-style applied to element with display table-row
  • The 'border-left-style' properties applies to elements with a display of table-row.
Border-left-style applied to element with display table-column-group
  • The 'border-left-style' properties applies to elements with a display of table-column-group.
Border-left-style applied to element with display table-column
  • The 'border-left-style' properties applies to elements with a display of table-column.
Border-left-style applied to element with display table-cell
  • The 'border-left-style' properties applies to elements with a display of table-cell.
Border-left-style applied to element with display inline
  • The 'border-left-style' properties applies to elements with a display of inline.
Border-left-style applied to element with display block
  • The 'border-left-style' properties applies to elements with a display of block.
Border-left-style applied to element with display list-item
  • The 'border-left-style' properties applies to elements with a display of list-item.
Border-left-style applied to element with display run-in
  • The 'border-left-style' properties applies to elements with a display of run-in.
Border-left-style applied to element with display inline-block
  • The 'border-left-style' properties applies to elements with a display of inline-block.
Border-left-style applied to element with display table
  • The 'border-left-style' properties applies to elements with a display of table.
Border-left-style applied to element with display inline-table
  • The 'border-left-style' properties applies to elements with a display of inline-table.
Border-left-style applied to element with display table-caption
  • The 'border-left-style' properties applies to elements with a display of table-caption.
Border-right-style set to 'none'
  • The 'border-right-style' property set to 'none' does not render any border for an element.
Border-right-style set to 'hidden'
  • The 'border-right-style' property set to 'hidden' does not render any border for non-table elements.
Border-right-style set to 'dotted'
  • The 'border-right-style' set to 'dotted' renders the proper line style for the border.
Border-right-style set to 'dashed'
  • The 'border-right-style' set to 'dashed' renders the proper line style for the border.
Border-right-style set to 'solid'
  • The 'border-right-style' set to 'solid' renders the proper line style for the border.
Border-right-style set to 'double'
  • The 'border-right-style' set to 'double' renders the proper line style for the border.
Border-right-style set to 'groove'
  • The 'border-right-style' set to 'groove' renders the proper line style for the border.
Border-right-style set to 'ridge'
  • The 'border-right-style' set to 'ridge' renders the proper line style for the border.
Border-right-style set to 'inset'
  • The 'border-right-style' set to 'inset' renders the proper line style for the border.
Border-right-style set to 'outset'
  • The 'border-right-style' set to 'outset' renders the proper line style for the border.
Border-right-style set to 'inherit'
  • The 'border-right-style' property set to 'inherit' properly applies the value from the parent's 'border-right-style' property value.
Border-right-style applied to element with display table-row-group
  • The 'border-right-style' property applies to elements with a display of table-row-group.
Border-right-style applied to element with display table-header-group
  • The 'border-right-style' property applies to elements with a display of table-header-group.
Border-right-style applied to element with display table-footer-group
  • The 'border-right-style' property applies to elements with a display of table-footer-group.
Border-right-style applied to element with display table-row
  • The 'border-right-style' property applies to elements with a display of table-row.
Border-right-style applied to element with display table-column-group
  • The 'border-right-style' property applies to elements with a display of table-column-group.
Border-right-style applied to element with display table-column
  • The 'border-right-style' property applies to elements with a display of table-column.
Border-right-style applied to element with display table-cell
  • The 'border-right-style' property applies to elements with a display of table-cell.
Border-right-style applied to element with display inline
  • The 'border-right-style' property applies to elements with a display of inline.
Border-right-style applied to element with display block
  • The 'border-right-style' property applies to elements with a display of block.
Border-right-style applied to element with display list-item
  • The 'border-right-style' property applies to elements with a display of list-item.
Border-right-style applied to element with display run-in
  • The 'border-right-style' property applies to elements with a display of run-in.
Border-right-style applied to element with display inline-block
  • The 'border-right-style' property applies to elements with a display of inline-block.
Border-right-style applied to element with display table
  • The 'border-right-style' property applies to elements with a display of table.
Border-right-style applied to element with display inline-table
  • The 'border-right-style' property applies to elements with a display of inline-table.
Border-right-style applied to element with display table-caption
  • The 'border-right-style' property applies to elements with a display of table-caption.
Border-style 'groove' color rendering
  • The 'groove' 'border-style' uses the color defined for rendering the groove border.
Border-style 'ridge' color rendering
  • The 'ridge' 'border-style' uses the color defined for rendering the ridge border.
Border-style 'inset' color rendering
  • The 'inset' 'border-style' uses the color defined for rendering the inset border.
Border-style 'outset' color rendering
  • The 'outset' 'border-style' uses the color defined for rendering the outset border.
Border-style set using one value
  • Applying a single value to the border-style property applies the value to all sides of the element.
Border-style set using two values
  • Applying two values to the border-style property applies the first value to the top and bottom and the second to the left and right.
Border-style set using four values
  • Applying four values to the border-style property applies the values top, right, bottom, left, respectively.
Border-top-style set to 'none'
  • The 'border-top-style' property set to 'none' does not render any border for an element.
Border-top-style set to 'hidden'
  • The 'border-top-style' property set to 'hidden' does not render any border for non-table elements.
Border-top-style set to 'dotted'
  • The 'border-top-style' set to 'dotted' renders the proper line style for the border.
Border-top-style set to 'dashed'
  • The 'border-top-style' set to 'dashed' renders the proper line style for the border.
Border-top-style set to 'solid'
  • The 'border-top-style' set to 'solid' renders the proper line style for the border.
Border-top-style set to 'double'
  • The 'border-top-style' set to 'double' renders the proper line style for the border.
Border-top-style set to 'groove'
  • The 'border-top-style' set to 'groove' renders the proper line style for the border.
Border-top-style set to 'ridge'
  • The 'border-top-style' set to 'ridge' renders the proper line style for the border.
Border-top-style set to 'inset'
  • The 'border-top-style' set to 'inset' renders the proper line style for the border.
Border-top-style set to 'outset'
  • The 'border-top-style' set to 'outset' renders the proper line style for the border.
Border-top-style set to 'inherit'
  • The 'border-top-style' property set to 'inherit' properly applies the value from the parent's 'border-top-style' property value.
Border-top-style applied to element with display table-row-group
  • The 'border-top-style' property applies to elements with a display of table-row-group.
Border-top-style applied to element with display table-header-group
  • The 'border-top-style' property applies to elements with a display of table-header-group.
Border-top-style applied to element with display table-footer-group
  • The 'border-top-style' property applies to elements with a display of table-footer-group.
Border-top-style applied to element with display table-row
  • The 'border-top-style' property applies to elements with a display of table-row.
Border-top-style applied to element with display table-column-group
  • The 'border-top-style' property applies to elements with a display of table-column-group.
Border-top-style applied to element with display table-column
  • The 'border-top-style' property applies to elements with a display of table-column.
Border-top-style applied to element with display table-cell
  • The 'border-top-style' property applies to elements with a display of table-cell.
Border-top-style applied to element with display inline
  • The 'border-top-style' property applies to elements with a display of inline.
Border-top-style applied to element with display block
  • The 'border-top-style' property applies to elements with a display of block.
Border-top-style applied to element with display list-item
  • The 'border-top-style' property applies to elements with a display of list-item.
Border-top-style applied to element with display run-in
  • The 'border-top-style' property applies to elements with a display of run-in.
Border-top-style applied to element with display inline-block
  • The 'border-top-style' property applies to elements with a display of inline-block.
Border-top-style applied to element with display table
  • The 'border-top-style' property applies to elements with a display of table.
Border-top-style applied to element with display inline-table
  • The 'border-top-style' property applies to elements with a display of inline-table.
Border-top-style applied to element with display table-caption
  • The 'border-top-style' property applies to elements with a display of table-caption.
Double lines border style does not change border width
  • The 'double' 'border-style' does not change the size of the border width. The sum of the two lines and the space need to equal the border width.
border-style: hidden applied to table-row
  • 'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style: hidden applied to element with display table-row
  • 'border-style: hidden' must apply to all elements, including elements with display table-row. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style: hidden applied to table-column-group
  • 'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style: hidden applied to element with display table-column-group
  • 'border-style: hidden' must apply to all elements, including elements with display table-column-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style: hidden applied to table-column
  • 'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style: hidden applied to element with display table-column
  • 'border-style: hidden' must apply to all elements, including elements with display table-column. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style: hidden applied to table-row-group
  • 'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style: hidden applied to element with display table-row-group
  • 'border-style: hidden' must apply to all elements, including elements with display table-row-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style: hidden applied to table-footer-group
  • 'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style: hidden applied to element with display table-footer-group
  • 'border-style: hidden' must apply to all elements, including elements with display table-footer-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style: hidden applied to table-header-group
  • 'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style: hidden applied to element with display table-header-group
  • 'border-style: hidden' must apply to all elements, including elements with display table-header-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
8.5.4 Border shorthand properties: 'border-top', 'border-right', 'border-bottom', 'border-left', and 'border'
Border set using border-width
  • The 'border' shorthand property properly accepts and sets border-width.
Border set using border-style
  • The 'border' shorthand property properly accepts and sets border-style.
Border set using border-color
  • The 'border' shorthand property properly accepts and sets border-color.
Border set using border-width border-style
  • The 'border' shorthand property properly accepts and sets border-width and border-style.
Border set using border-width border-color
  • The 'border' shorthand property properly accepts and sets 'border-width' and 'border-color'.
Border set using border-style border-width
  • The 'border' shorthand property properly accepts and sets 'border-style' and 'border-width'.
Border set using border-style border-color
  • The 'border' shorthand property properly accepts and sets 'border-style' and 'border-color'.
Border set using border-color border-width
  • The 'border' shorthand property properly accepts and sets 'border-color' and 'border-width'.
Border set using border-color border-style
  • The 'border' shorthand property properly accepts and sets 'border-color' and 'border-style'.
Border set using border-width border-style border-color
  • The 'border' shorthand property properly accepts and sets 'border-width', 'border-style' and 'border-color'.
Border set using border-width border-color border-style
  • The 'border' shorthand property properly accepts and sets 'border-width', 'border-color' and 'border-style'.
Border set using border-style border-width border-color
  • The 'border' shorthand property properly accepts and sets 'border-style', 'border-width' and 'border-color'.
Border set using border-style border-color border-width
  • The 'border' shorthand property properly accepts and sets 'border-style', 'border-color' and 'border-width'.
Border set using border-color border-width border-style
  • The 'border' shorthand property properly accepts and sets 'border-color', 'border-width' and 'border-style'.
Border set using border-color border-style border-width
  • The 'border' shorthand property properly accepts and sets 'border-color', 'border-style' and 'border-width'.
Border set to 'inherit', inheriting one value
  • The 'border' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border set to 'inherit', inheriting two values
  • The 'border' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border set to 'inherit', inheriting three values
  • The 'border' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border applied to element with 'display' set to 'table-row-group'
  • The 'border' property applies to elements with a display of 'table-row-group'.
Border applied to element with 'display' set to 'table-header-group'
  • The 'border' property applies to elements with a display of 'table-header-group'.
Border applied to element with 'display' set to 'table-footer-group'
  • The 'border' property applies to elements with a display of 'table-footer-group'.
Border applied to element with 'display' set to 'table-row'
  • The 'border' property applies to elements with a display of 'table-row'.
Border applied to element with 'display' set to 'table-column-group'
  • The 'border' property applies to elements with a display of 'table-column-group'.
Border applied to element with 'display' set to 'table-column'
  • The 'border' property applies to elements with a display of 'table-column'.
Border applied to element with 'display' set to 'table-cell'
  • The 'border' property applies to elements with a display of 'table-cell'.
Border applied to element with 'display' set to inline
  • The 'border' property applies to elements with a display of inline.
Border applied to element with 'display' set to block
  • The 'border' property applies to elements with a display of block.
Border applied to element with 'display' set to list-item
  • The 'border' property applies to elements with a display of list-item.
Border applied to element with 'display' set to run-in
  • The 'border' property applies to elements with a display of run-in.
Border applied to element with 'display' set to inline-block
  • The 'border' property applies to elements with a display of inline-block.
Border applied to element with 'display' set to 'table'
  • The 'border' property applies to elements with a display of 'table'.
Border applied to element with 'display' set to 'inline-table'
  • The 'border' property applies to elements with a display of 'inline-table'.
Border applied to element with 'display' set to 'table-caption'
  • The 'border' property applies to elements with a display of 'table-caption'.
Border-bottom set to border-width
  • The 'border-bottom' shorthand property sets 'border-width' for the bottom border.
Border-bottom set to border-style
  • The 'border-bottom' shorthand property sets the 'border-style' for the bottom border.
Border-bottom set to border-color
  • The 'border-bottom' shorthand property sets the 'border-color' for the bottom border.
Border-bottom set to border-width border-style
  • The 'border-bottom' shorthand property sets the 'border-width' and 'border-style' for the bottom border.
Border-bottom set to border-width border-color
  • The 'border-bottom' shorthand property sets the 'border-width' and 'border-color' for the bottom border.
Border-bottom set to border-style border-width
  • The 'border-bottom' shorthand property sets the 'border-style' and 'border-width' for the bottom border.
Border-bottom set to border-style border-color
  • The 'border-bottom' shorthand property sets the 'border-style' and 'border-color' for the bottom border.
Border-bottom set to border-color border-width
  • The 'border-bottom' shorthand property sets the 'border-color' and 'border-width' for the bottom border.
Border-bottom set to border-color border-style
  • The 'border-bottom' shorthand property sets the 'border-color' and 'border-style' for the bottom border.
Border-bottom set to border-width border-style border-color
  • The 'border-bottom' shorthand property sets the 'border-width', 'border-style' and 'border-color' for the bottom border.
Border-bottom set to border-width border-color border-style
  • The 'border-bottom' shorthand property sets the 'border-width', 'border-color' and 'border-style' for the bottom border.
Border-bottom set to border-style border-width border-color
  • The 'border-bottom' shorthand property sets the 'border-style', 'border-width' and 'border-color' for the bottom border.
Border-bottom set to border-style border-color border-width
  • The 'border-bottom' shorthand property sets the 'border-style', 'border-color' and 'border-width' for the bottom border.
Border-bottom set to border-color border-width border-style
  • The 'border-bottom' shorthand property sets the 'border-color', 'border-width' and 'border-style' for the bottom border.
Border-bottom set to border-color border-style border-width
  • The 'border-bottom' shorthand property sets the 'border-color', 'border-style' and 'border-width' for the bottom border.
Border-bottom set to inherit, inheriting a single value for a shorthand property
  • The 'border-bottom' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border-bottom set to inherit, inheriting two values for a shorthand property
  • The 'border-bottom' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border-bottom set to inherit, inheriting three values for a shorthand property
  • The 'border-bottom' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border-bottom applied to element with display table-row-group
  • The 'border-bottom' property applies to elements with a display of table-row-group.
Border-bottom applied to element with display table-header-group
  • The 'border-bottom' property applies to elements with a display of table-header-group.
Border-bottom applied to element with display table-footer-group
  • The 'border-bottom' property applies to elements with a display of table-footer-group.
Border-bottom applied to element with 'display' set to 'table-row'
  • The 'border-bottom' property applies to elements with a 'display' of 'table-row'.
Border-bottom applied to element with display table-column-group
  • The 'border-bottom' property applies to elements with a display of table-column-group.
Border-bottom applied to element with display table-column
  • The 'border-bottom' property applies to elements with a display of table-column.
Border-bottom applied to element with display table-cell
  • Border-bottom applies to elements with a display of table-cell.
Border-bottom applied to element with display inline
  • The 'border-bottom' property applies to elements with a display of inline.
Border-bottom applied to element with display block
  • The 'border-bottom' property applies to elements with a display of block.
Border-bottom applied to element with display list-item
  • The 'border-bottom' property applies to elements with a display of list-item.
Border-bottom applied to element with display run-in
  • The 'border-bottom' property applies to elements with a display of run-in.
Border-bottom applied to element with display inline-block
  • The 'border-bottom' property applies to elements with a display of inline-block.
Border-bottom applied to element with 'display' set to 'table'
  • The 'border-bottom' property applies to elements with a 'display' of 'table'.
Border-bottom applied to element with 'display' set to 'inline-table'
  • The 'border-bottom' property applies to elements with a 'display' of 'inline-table'.
Border-bottom applied to element with 'display' set to 'table-caption'
  • The 'border-bottom' property applies to elements with a 'display' of 'table-caption'.
Border-left set to border-width
  • The 'border-left' shorthand property properly sets the border-width for the left border.
Border-left set to border-style
  • The 'border-left' shorthand property properly sets the border-style for the left border.
Border-left set to border-color
  • The 'border-left' shorthand property properly sets the border-color for the left border.
Border-left set to border-width border-style
  • The 'border-left' shorthand property properly sets the border-width and border-style for the left border.
Border-left set to border-width border-color
  • The 'border-left' shorthand property sets the 'border-width' and 'border-color' for the left border.
Border-left set to border-style border-width
  • The 'border-left' shorthand property sets the 'border-style' and 'border-width' for the left border.
Border-left set to border-style border-color
  • The 'border-left' shorthand property sets the 'border-style' and 'border-color' for the left border.
Border-left set to border-color border-width
  • The 'border-left' shorthand property sets the 'border-color' and 'border-width' for the left border.
Border-left set to border-color border-style
  • The 'border-left' shorthand property sets the 'border-color' and 'border-style' for the left border.
Border-left set to border-width border-style border-color
  • The 'border-left' shorthand property properly sets the 'border-width', 'border-style' and 'border-color'.
Border-left set to border-width border-color border-style
  • The 'border-left' shorthand property properly sets the 'border-width', 'border-color' and 'border-style'.
Border-left set to border-style border-width border-color
  • The 'border-left' shorthand property properly sets the 'border-style', 'border-width' and 'border-color'.
Border-left set with border-style border-color border-width
  • The 'border-left' shorthand property properly sets the 'border-style', 'border-color' and 'border-width'.
Border-left set to border-color border-width border-style
  • The 'border-left' shorthand property properly sets the 'border-color', 'border-width' and 'border-style'.
Border-left set to border-color border-style border-width
  • The 'border-left' shorthand property properly sets the 'border-color', 'border-style' and 'border-width'.
Border-left set to inherit, inheriting a single value for a shorthand property
  • The 'border-left' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border-left set to inherit, inheriting two values for a shorthand property
  • The 'border-left' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border-left set to inherit, inheriting three values for a shorthand property
  • The 'border-left' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border-left applied to element with display table-row-group
  • The 'border-left' properties applies to elements with a display of table-row-group.
Border-left applied to element with display table-header-group
  • The 'border-left' properties applies to elements with a display of table-header-group.
Border-left applied to element with display table-footer-group
  • The 'border-left' properties applies to elements with a display of table-footer-group.
Border-left applied to element with display table-row
  • The 'border-left' properties applies to elements with a display of table-row.
Border-left applied to element with display table-column-group
  • The 'border-left' properties applies to elements with a display of table-column-group.
Border-left applied to element with display table-column
  • The 'border-left' properties applies to elements with a display of table-column.
Border-left applied to element with display table-cell
  • The 'border-left' properties applies to elements with a display of table-cell.
Border-left applied to element with display inline
  • The 'border-left' properties applies to elements with a display of inline.
Border-left applied to element with display block
  • The 'border-left' properties applies to elements with a display of block.
Border-left applied to element with display list-item
  • The 'border-left' properties applies to elements with a display of list-item.
Border-left applied to element with display run-in
  • The 'border-left' properties applies to elements with a display of run-in.
Border-left applied to element with display inline-block
  • The 'border-left' properties applies to elements with a display of inline-block.
Border-left applied to element with display table
  • The 'border-left' properties applies to elements with a display of table.
Border-left applied to element with display inline-table
  • The 'border-left' properties applies to elements with a display of inline-table.
Border-left applied to element with display table-caption
  • The 'border-left' properties applies to elements with a display of table-caption.
Border-right set to border-width
  • The 'border-right' shorthand property properly sets the border-width for the right border.
Border-right set to border-style
  • The 'border-right' shorthand property properly sets the border-style for the right border.
Border-right set to border-color
  • The 'border-right' shorthand property properly sets the border-color for the right border.
Border-right set to border-width border-style
  • The 'border-right' shorthand property properly sets the border-width and border-style for the right border.
Border-right set to border-width border-color
  • The 'border-right' shorthand property sets the 'border-width' and 'border-color' for the right border.
Border-right set to border-style border-width
  • The 'border-right' shorthand property sets the 'border-style' and 'border-width' for the right border.
Border-right set to border-style border-color
  • The 'border-right' shorthand property sets the 'border-style' and 'border-color' for the right border.
Border-right set to border-color border-width
  • The 'border-right' shorthand property sets the 'border-color' and 'border-width' for the right border.
Border-right set to border-color border-style
  • The 'border-right' shorthand property sets the 'border-color' and 'border-style' for the right border.
Border-right set to border-width border-style border-color
  • The 'border-right' shorthand property properly sets the 'border-width', 'border-style' and 'border-color'.
Border-right set to border-width border-color border-style
  • The 'border-right' shorthand property properly sets the 'border-width', 'border-color' and 'border-style'.
Border-right set to border-style border-width border-color
  • The 'border-right' shorthand property properly sets the 'border-style', 'border-width' and 'border-color'.
Border-right set with border-style border-color border-width
  • The 'border-right' shorthand property properly sets the 'border-style', 'border-color' and 'border-width'.
Border-right set to border-color border-width border-style
  • The 'border-right' shorthand property properly sets the 'border-color', 'border-width' and 'border-style'.
Border-right set to border-color border-style border-width
  • The 'border-right' shorthand property properly sets the 'border-color', 'border-style' and 'border-width'.
Border-right set to inherit, inheriting a single value for a shorthand property
  • The 'border-right' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border-right set to inherit, inheriting two values for a shorthand property
  • The 'border-right' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border-right set to inherit, inheriting three values for a shorthand property
  • The 'border-right' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border-right applied to element with display table-row-group
  • The 'border-right' property applies to elements with a display of table-row-group.
Border-right applied to element with display table-header-group
  • The 'border-right' property applies to elements with a display of table-header-group.
Border-right applied to element with display table-footer-group
  • The 'border-right' property applies to elements with a display of table-footer-group.
Border-right applied to element with display table-row
  • The 'border-right' property applies to elements with a display of table-row.
Border-right applied to element with display table-column-group
  • The 'border-right' property applies to elements with a display of table-column-group.
Border-right applied to element with display table-column
  • The 'border-right' property applies to elements with a display of table-column.
Border-right applied to element with display table-cell
  • The 'border-right' property applies to elements with a display of table-cell.
Border-right applied to element with display inline
  • The 'border-right' property applies to elements with a display of inline.
Border-right applied to element with display block
  • The 'border-right' property applies to elements with a display of block.
Border-right applied to element with display list-item
  • The 'border-right' property applies to elements with a display of list-item.
Border-right applied to element with display run-in
  • The 'border-right' property applies to elements with a display of run-in.
Border-right applied to element with display inline-block
  • The 'border-right' property applies to elements with a display of inline-block.
Border-right applied to element with display table
  • The 'border-right' property applies to elements with a display of table.
Border-right applied to element with display inline-table
  • The 'border-right' property applies to elements with a display of inline-table.
Border-right applied to element with display table-caption
  • The 'border-right' property applies to elements with a display of table-caption.
Border-top set to border-width
  • The 'border-top' shorthand property sets 'border-width' for the top border.
Border-top set to border-style
  • The 'border-top' shorthand property sets the 'border-style' for the top border.
Border-top set to border-color
  • The 'border-top' shorthand property sets the 'border-color' for the top border.
Border-top set to border-width border-style
  • The 'border-top' shorthand property sets the 'border-width' and 'border-style' for the top border.
Border-top set to border-width border-color
  • The 'border-top' shorthand property sets the 'border-width' and 'border-color' for the top border.
Border-top set to border-style border-width
  • The 'border-top' shorthand property sets the 'border-style' and 'border-width' for the top border.
Border-top set to border-style border-color
  • The 'border-top' shorthand property sets the 'border-style' and 'border-color' for the top border.
Border-top set to border-color border-width
  • The 'border-top' shorthand property sets the 'border-color' and 'border-width' for the top border.
Border-top set to border-color border-style
  • The 'border-top' shorthand property sets the 'border-color' and 'border-style' for the top border.
Border-top set to border-width border-style border-color
  • The 'border-top' shorthand property sets the 'border-width', 'border-style' and 'border-color' for the top border.
Border-top set to border-width border-color border-style
  • The 'border-top' shorthand property sets the 'border-width', 'border-color' and 'border-style' for the top border.
Border-top set to border-style border-width border-color
  • The 'border-top' shorthand property sets the 'border-style', 'border-width' and 'border-color' for the top border.
Border-top set to border-style border-color border-width
  • The 'border-top' shorthand property sets the 'border-style', 'border-color' and 'border-width' for the top border.
Border-top set to border-color border-width border-style
  • The 'border-top' shorthand property sets the 'border-color', 'border-width' and 'border-style' for the top border.
Border-top set to border-color border-style border-width
  • The 'border-top' shorthand property sets the 'border-color', 'border-style' and 'border-width' for the top border.
Border-top set to inherit, inheriting a single value for a shorthand property
  • The 'border-top' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border-top set to inherit, inheriting two values for a shorthand property
  • The 'border-top' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border-top set to inherit, inheriting three values for a shorthand property
  • The 'border-top' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting.
Border-top applied to element with display table-row-group
  • The 'border-top' property applies to elements with a display of table-row-group.
Border-top applied to element with display table-header-group
  • The 'border-top' property applies to elements with a display of table-header-group.
Border-top applied to element with display table-footer-group
  • The 'border-top' property applies to elements with a display of table-footer-group.
Border-top applied to element with display table-row
  • The 'border-top' property applies to elements with a display of table-row.
Border-top applied to element with display table-column-group
  • The 'border-top' property applies to elements with a display of table-column-group.
Border-top applied to element with display table-column
  • The 'border-top' property applies to elements with a display of table-column.
Border-top applied to element with display table-cell
  • The 'border-top' property applies to elements with a display of table-cell.
Border-top applied to element with display inline
  • The 'border-top' property applies to elements with a display of inline.
Border-top applied to element with display block
  • The 'border-top' property applies to elements with a display of block.
Border-top applied to element with display list-item
  • The 'border-top' property applies to elements with a display of list-item.
Border-top applied to element with display run-in
  • The 'border-top' property applies to elements with a display of run-in.
Border-top applied to element with display inline-block
  • The 'border-top' property applies to elements with a display of inline-block.
Border-top applied to element with display table
  • The 'border-top' property applies to elements with a display of table.
Border-top applied to element with display inline-table
  • The 'border-top' property applies to elements with a display of inline-table.
Border-top applied to element with display table-caption
  • The 'border-top' property applies to elements with a display of table-caption.
8.6 The box model for inline elements in bidirectional context
Borders drawn in visual order even when direction set to left-to-right
  • Borders are drawn in visual order depending on the direction of content.
AG
Borders drawn in visual order even when direction set to right-to-left
  • Borders are drawn in visual order depending on the direction of content.
bidirection box model - borders on inline in normal block
  • Border sides should be unaffected by directionality
bidirection box model - borders on inline in embed block
  • Border sides should be unaffected by directionality
bidirection box model - borders on inline in bidi-override block
  • Border sides should be unaffected by directionality
bidirection box model - borders on normal inline
  • Border sides should be unaffected by directionality
bidirection box model - borders on embed inline
  • Border sides should be unaffected by directionality
bidirection box model - borders on bidi-override inline
  • Border sides should be unaffected by directionality
bidirection box model - borders on normal block
  • Border sides should be unaffected by directionality
bidirection box model - borders on embed block
  • Border sides should be unaffected by directionality
bidirection box model - borders on bidi-override block
  • Border sides should be unaffected by directionality
bidirection box model - margin-left on bidi-override inline
  • Side margins should be unaffected by directionality
bidirection box model - margin-left on normal inline
  • Side margins should be unaffected by directionality
bidirection box model - margin-left on embed inline
  • Side margins should be unaffected by directionality
bidirection box model - margin-left on inline in bidi-override block
  • Side margins should be unaffected by directionality
bidirection box model - margin-left on inline in normal block
  • Side margins should be unaffected by directionality
bidirection box model - margin-left on inline in embed block
  • Side margins should be unaffected by directionality
bidirection box model - margin-left on bidi-override block
  • Side margins should be unaffected by directionality
bidirection box model - margin-left on normal block
  • Side margins should be unaffected by directionality
bidirection box model - margin-left on embed block
  • Side margins should be unaffected by directionality
bidirection box model - margin-right on bidi-override inline
  • Side margins should be unaffected by directionality
bidirection box model - margin-right on normal inline
  • Side margins should be unaffected by directionality
bidirection box model - margin-right on embed inline
  • Side margins should be unaffected by directionality
bidirection box model - margin-right on inline in bidi-override block
  • Side margins should be unaffected by directionality
bidirection box model - margin-right on inline in normal block
  • Side margins should be unaffected by directionality
bidirection box model - margin-right on inline in embed block
  • Side margins should be unaffected by directionality
bidirection box model - margin-right on bidi-override block
  • Side margins should be unaffected by directionality
bidirection box model - margin-right on normal block
  • Side margins should be unaffected by directionality
bidirection box model - margin-right on embed block
  • Side margins should be unaffected by directionality
bidirection box model - padding-left on bidi-override inline
  • Side padding should be unaffected by directionality
bidirection box model - padding-left on inline in normal block
  • Side padding should be unaffected by directionality
bidirection box model - padding-left on inline in embed block
  • Side padding should be unaffected by directionality
bidirection box model - padding-left on inline in bidi-override block
  • Side padding should be unaffected by directionality
bidirection box model - padding-left on normal inline
  • Side padding should be unaffected by directionality
bidirection box model - padding-left on embed inline
  • Side padding should be unaffected by directionality
bidirection box model - padding-left on bidi-override block
  • Side padding should be unaffected by directionality
bidirection box model - padding-left on normal block
  • Side padding should be unaffected by directionality
bidirection box model - padding-left on embed block
  • Side padding should be unaffected by directionality
bidirection box model - padding-right on bidi-override inline
  • Side padding should be unaffected by directionality
bidirection box model - padding-right on inline in normal block
  • Side padding should be unaffected by directionality
bidirection box model - padding-right on inline in embed block
  • Side padding should be unaffected by directionality
bidirection box model - padding-right on inline in bidi-override block
  • Side padding should be unaffected by directionality
bidirection box model - padding-right on normal inline
  • Side padding should be unaffected by directionality
bidirection box model - padding-right on embed inline
  • Side padding should be unaffected by directionality
bidirection box model - padding-right on bidi-override block
  • Side padding should be unaffected by directionality
bidirection box model - padding-right on normal block
  • Side padding should be unaffected by directionality
bidirection box model - padding-right on embed block
  • Side padding should be unaffected by directionality
direction and borders - normal
  • Borders should be unaffected by directionality