CSS BORDER
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 }
This is some text
Possible Values
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.
4 Responses
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #DBDBDB;
border-radius:10px;
its working for mozilla and chrome .. rounded corners..good one
How do you turn off borders aruond images? In firefox I’m seeing inherited borders but not in Internet Explorer 7.
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #DBDBDB;
border-radius:10px;
its working in mozilla and chrome, rounded corners.
but its not working in Opera, IE, Safari
i have checked w3c for properties like -moz-border-radius.. fail in level 3. why?