Rizq Technology – Exploring Your iDea.

Css Shorthand 2.

Border #div { border-width: 5px; (thin, thick, medium or set value) (default = medium) border-style: dotted; (solid, dashed, dotted, double, etc) (default = none) border-color: blue; (named, hex, rgb or 0-255) (default = value of elements/elements parent color property) } #div { border:5px dotted blue; } and #div { border-right-width: 2px; border-right-style: solid; border-right-color: #666666; } #div { border-right:2px solid #666; } and #div { border-top-width: 3px; border-right-width: 2px; border-bottom-width: 3px; border-left-width: 2px; } #div { border-width:3px 2px; } Background #div { background-color: #CCCCCC; (named, hex, rgb or 0-255) [...]

Css Shorthand 1.

There have been a number of occasions when looking over other developers CSS I notice bits of code similar to the following… #div { margin-top: 20px; margin-bottom: 10px; margin-right: 5px; margin-left: 25px; padding-top: 10px; padding-bottom: 15px; border-width: 1px; border-style: solid; border-color: #666666; font-family: Verdana, Helvetica, Arial; font-size: 14px; font-weight: bold; } The above code is littered with properties that could easily be combined for more legible code and decreased file [...]