It's mash-up time! A fan of hand-coding my css I've combined the w3schools.com CSS reference with a cheatsheet for Zen Coding abbreviations.
Property | Description | Zen Coding |
---|---|---|
background | Sets all the background properties in one declaration | bg |
background-attachment | Sets whether a background image is fixed or scrolls with the rest of the page | bga |
background-color | Sets the background color of an element | bgc |
background-image | Sets the background image for an element | bgi |
background-position | Sets the starting position of a background image | bgp |
background-repeat | Sets how a background image will be repeated | bgr |
border | Sets all the border properties in one declaration | bd |
border-bottom | Sets all the bottom border properties in one declaration | bdb |
border-bottom-color | Sets the color of the bottom border | bdb+ |
border-bottom-style | Sets the style of the bottom border | bdbs |
border-bottom-width | Sets the width of the bottom border | bdbw |
border-color | Sets the color of the four borders | bdc |
border-collapse | Specifies whether or not table borders should be collapsed | bdcl |
border-left | Sets all the left border properties in one declaration | bdl |
border-left-color | Sets the color of the left border | bdlc |
border-left-style | Sets the style of the left border | bdls |
border-left-width | Sets the width of the left border | bdlw |
border-right | Sets all the right border properties in one declaration | bdr |
border-right-color | Sets the color of the right border | bdrc |
border-right-style | Sets the style of the right border | bdrs |
border-right-width | Sets the width of the right border | bdrw |
border-spacing | Specifies the distance between the borders of adjacent cells | bdsp |
border-style | Sets the style of the four borders | bds |
border-top | Sets all the top border properties in one declaration | bdt |
border-top-color | Sets the color of the top border | bdtc |
border-top-style | Sets the style of the top border | bdts |
border-top-width | Sets the width of the top border | bdtw |
border-width | Sets the width of the four borders | bdw |
bottom | Sets the bottom margin edge for a positioned box | b |
caption-side | Specifies the placement of a table caption | cps |
clear | Specifies which sides of an element where other floating elements are not allowed | cl |
clip | Clips an absolutely positioned element | cp |
color | Sets the color of text | c |
content | Used with the :before and :after pseudo-elements, to insert generated content | ct |
counter-increment | Increments one or more counters | coi |
counter-reset | Creates or resets one or more counters | cor |
cursor | Specifies the type of cursor to be displayed | cur |
direction | Specifies the text direction/writing direction | N/a |
display | Specifies the type of box an element should generate | d |
empty-cells | Specifies whether or not to display borders and background on empty cells in a table | ec |
float | Specifies whether or not a box should float | fl |
font | Sets all the font properties in one declaration | f |
font-family | Specifies the font family for text | ff |
font-size | Specifies the font size of text | fz |
font-style | Specifies the font style for text | fs |
font-variant | Specifies whether or not a text should be displayed in a small-caps font | fv |
font-weight | Specifies the weight of a font | fw |
height | Sets the height of an element | h |
left | Sets the left margin edge for a positioned box | l |
letter-spacing | Increase or decrease the space between characters in a text | lts |
line-height | Sets the line height | lh |
list-style | Sets all the properties for a list in one declaration | lis |
list-style-image | Specifies an image as the list-item marker | lisi |
list-style-position | Specifies if the list-item markers should appear inside or outside the content flow | lisp |
list-style-type | Specifies the type of list-item marker | list |
margin | Sets all the margin properties in one declaration | m |
margin-bottom | Sets the bottom margin of an element | mb |
margin-left | Sets the left margin of an element | ml |
margin-right | Sets the right margin of an element | mr |
margin-top | Sets the top margin of an element | mt |
max-height | Sets the maximum height of an element | mah |
max-width | Sets the maximum width of an element | maw |
min-height | Sets the minimum height of an element | mih |
min-width | Sets the minimum width of an element | miw |
orphans | Sets the minimum number of lines that must be left at the bottom of a page when a page break occurs inside an element | orp |
outline | Sets all the outline properties in one declaration | o |
outline-color | Sets the color of an outline | oc |
outline-style | Sets the style of an outline | os |
outline-width | Sets the width of an outline | ow |
overflow | Specifies what happens if content overflows an element's box | ov |
padding | Sets all the padding properties in one declaration | p |
padding-bottom | Sets the bottom padding of an element | pb |
padding-left | Sets the left padding of an element | pl |
padding-right | Sets the right padding of an element | pr |
padding-top | Sets the top padding of an element | pt |
page-break-after | Sets the page-breaking behavior after an element | pgba |
page-break-before | Sets the page-breaking behavior before an element | pgbb |
page-break-inside | Sets the page-breaking behavior inside an element | pgbi |
position | Specifies the type of positioning for an element | pos |
quotes | Sets the type of quotation marks for embedded quotations | q |
right | Sets the right margin edge for a positioned box | r |
table-layout | Sets the layout algorithm to be used for a table | tbl |
text-align | Specifies the horizontal alignment of text | ta |
text-decoration | Specifies the decoration added to text | td |
text-indent | Specifies the indentation of the first line in a text-block | ti |
text-shadow | Specifies the shadow effect added to text | tsh |
text-transform | Controls the capitalization of text | tt |
top | Sets the top margin edge for a positioned box | t |
vertical-align | Sets the vertical alignment of an element | va |
visibility | Specifies whether or not an element is visible | v |
white-space | Specifies how white-space inside an element is handled | whs |
widows | Sets the minimum number of lines that must be left at the top of a page when a page break occurs inside an element | wid |
width | Sets the width of an element | w |
word-spacing | Increases or decreases the space between words in a text | wos |
z-index | Sets the stack order of an element | z |