0% found this document useful (0 votes)
163 views

Main - Zen Coding Css Cheat Sheet

The document provides aliases for commonly used CSS properties to allow for quicker coding, listing properties for positioning, box model, sizing, text, visual effects, lists, and special features and allowing them to be written in a more abbreviated form. Key CSS properties are assigned short aliases made up of 1-5 characters for quick reference to set values like position, float, display, background, color, text styling, font, size, and more through shorthand notation.

Uploaded by

Mohibul Hasan
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
163 views

Main - Zen Coding Css Cheat Sheet

The document provides aliases for commonly used CSS properties to allow for quicker coding, listing properties for positioning, box model, sizing, text, visual effects, lists, and special features and allowing them to be written in a more abbreviated form. Key CSS properties are assigned short aliases made up of 1-5 characters for quick reference to set values like position, float, display, background, color, text styling, font, size, and more through shorthand notation.

Uploaded by

Mohibul Hasan
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Zen‐Coding 

CSS cheatsheet http://monaural.net/

type property alias type property alias


position position:; pos color border:; bd
position:static; pos:s border:none; bd:n
position:absolute; pos:a border:1px solid #000; bd+
position:relative; pos:r border‐color:#000; bdc
position:fixed; pos:f border‐top:; bdt
top:; t border‐top:1px solid #000; bdt+
top:auto; t:a border‐right:; bdr
right:; r border‐bottom:; bdb
bottom:; b border‐left:; bdl
left:; l border‐radius:; bdrz
z‐index:; z ‐webkit‐border‐radius:; bdrz:w
box float:; fl ‐moz‐border‐radius:; bdrz:m
float:none; fl:n border‐top‐right‐radius:; bdtrrz
float:left; fl:l border‐top‐left‐radius:; bdtlrz
float:right; fl:r border‐bottom‐right‐radius:; bdbrrz
clear:; cl border‐bottom‐left‐radius:; bdblrz
clear:both; cl:b background:; bg
display:; d background:#FFF url() 0 0 no‐repeat; bg+
display:none; d:n background‐color:#FFF; bgc
display:block; d:b background‐color:transparent; bgc:t
display:inline; d:i background‐image:url(); bgi
display:inline‐block; d:ib color:#000; c
visibility:; v text vertical‐align:; va
visibility:visible; v:v vertical‐align:top; va:t
visibility:hidden; v:h vertical‐align:middle; va:m
overflow:; ov vertical‐align:baseline; va:bl
overflow:hidden; ov:h vertical‐align:bottom; va:b
overflow:auto; ov:a vertical‐align:text‐bottom; va:tb
zoom:1; zoo text‐align:; ta
box‐shadow:; bxsh text‐align:left; ta:l
box‐shadow:none; bxsh:n text‐align:center; ta:c
box‐shadow:0 0 0 #000; bxsh+ text‐align:right; ta:r
‐webkit‐box‐shadow:; bxsh:w text‐align:justify; ta:j
‐webkit‐box‐shadow:0 0 0 #000; bxsh:w+ text‐decoration:; td
‐moz‐box‐shadow:; bxsh:m text‐decoration:underline; td:u
‐moz‐box‐shadow:0 0 0 0 #000; bxsh:m+ text‐indent:; ti
size margin:; m text‐indent:‐9999px; ti:‐
margin:auto; m:a line‐height:; lh
margin:0; m:0 letter‐spacing:; lts
margin:0 0; m:2 font:; f
margin:0 0 0; m:3 font:1em Arial,sans‐serif; f+
margin:0 0 0 0; m:4 font‐weight:; fw
margin‐top:; mt font‐weight:normal; fw:n
margin‐top:auto; mt:a font‐weight:bold; fw:b
margin‐right:; mr font‐style:; fs
margin‐bottom:; mb font‐style:normal; fs:n
margin‐left:; ml font‐style:italic; fs:i
padding:; p font‐size:; fz
padding:0; p:0 font‐family:; ff
padding:0 0 0 0; p:4 font‐family:Georgia,'Times New ff:s
padding‐top:; pt Roman',serif;
padding‐right:; pr font‐family: Helvetica, Arial, sans‐ ff:ss
padding‐bottom:; pb serif;
padding‐left:; pl font‐family: 'Monotype Corsiva', ff:c
width:; w 'Comic Sans MS', cursive;
width:auto; w:a font‐family:Capitals, Impact, ff:f
height:; h font‐family:Monaco,'Courier ff:m
max‐width:; maw New',monospace;
max‐height:; mah visual opacity:; op
min‐width:; miw filter: progid: DXImageTransform. op:ie
min‐height:; mih Microsoft. Alpha(Opacity=100);
list list‐style:; lis ‐ms‐filter: 'progid: op:ms
list‐style:none; lis:n DXImageTransform. Microsoft.
list‐style‐position:; lisp cursor:; cur
list‐style‐type:; list cursor:pointer; cur:p
list‐style‐image:; lisi Special @import url(); @i
!important !

You might also like