Zen Coding Meets w3schools CSS reference

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

 

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.