|
|
Colored border using CSS3 - CSS
|
Views : 238
|
|
Tagged in : CSS
|
|
|
Report This Scrap as Inappropriate
We request you to choose the appropriate categroy and subcategory that suits your
objectionable concern about the scrap, So that our team can review and find out whether it violates our Guidelines or the
scrap is not suitable for all viewers.
|
|
W3C has offered some new options for borders in CSS3, of which, border-color is very interesting. Mozila/Firefox has implemented this function, which allows you to create cool colored borders
The following is an example of colored border using css3
border: 8px solid #000;
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
padding: 5px 5px 5px 15px;
I've used the above style for a div, and Mozilla/Firefox users should see a nicely fading red border on this box…
Mozilla/Firefox users should see a nicely fading red border on this box… |
|
By - Vijay, On - 2010-01-27 |
|
|
|
