CSS3 Examples

CSS Border

Written by jon on 7:14 AM This is a shorthand property which allows an author to specify the border-width, border-style, and border-color for all the borders of an element’s rendering box at once. Unlike the ‘margin’ and ‘padding’ properties, this property cannot specify different values for each side. To do this, use the properties for each side instead (’border-top’, ‘border-right’, ‘border-bottom’ and ‘border-left’.)

Example

blockquote { border: medium dashed #ff0000 } <blockquote style=”border: medium dashed #ff0000″>This is some text</blockquote>

Possible Values

Value Description inherit Explicitly sets the value of this property to that of the parent. [border-width] Uses a [border-width] value to render the border for an element's rendering box. [border-style] Uses a [border-style] value to render the border for an element's rendering box. [border-color] Uses a [border-color] value to render the border for an element's rendering box.