Posted by henk on August 18, 2010
Borders
-
Syntax For Mozila
.ClassName{
-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;
}
Syntax For Google Chrome and Safari
.ClassName{
-webkit-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-webkit-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-webkit-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-webkit-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
}
-
Syntax For Mozila
.ClassName{
-moz-border-image:url(border.png) 30 30 round;
-moz-border-image:url(border.png) 30 30 stretch ; // Border image stretch
}
Syntax For Google Chrome and Safari
.ClassName{
-webkit-border-image:url(border.png) 30 30 round;
-webkit-border-image:url(border.png) 30 30 stretch ; // Border image stretch
}
-
Syntax For Mozila
.ClassName{
-moz-box-shadow:0 0 15px #ff0000;
padding: 10px 10px 10px 10px;
}
Syntax For Google Chrome and Safari
.ClassName{
-webkit-box-shadow:0 0 15px #ff0000;
padding: 10px 10px 10px 10px;
}
Backgrounds
- background-origin and background-clip
- background-size
- multiple backgrounds
Color
- HSL colors
- HSLA colors
- opacity
- RGBA colors
Text effects
- text-shadow
- text-overflow
- word-wrap
User-interface
- box-sizing
- resize
- outline
