CSS変換リスト


CSSもzen-codingで書けるみたいです。

CSSの変換リスト

よく使う変換リストを書いておきます。ほぼアルファベット順

変換前 変換後
bd border: ;
bd:n border: none;
bdrz border-radius: ;
bdrz:m -moz-border-radius: ;
bdrz:w -webkit-border-radius: ;
bdl border-left: ;
bdr border-right: ;
bdt border-top: ;
bg background: ;
bgc background-color: #FFF;
bg background: ;
bgi background-image: url();
bgr:n background-repeat: no-repeat;
bgz background-size: ;
cur:p cursor: pointer;
d display: ;
d:b display: block;
d:i display: inline;
d:n display: none;
fl:l float: left;
fl:r float: right;
fw:b font-weight: bold;
fw:lr font-weight: lighter;
fz font-size: ;
h height: ;
lh line-height: ;
lis:n list-style: none;
list list-style-type: ;
list:d list-style-type: disc;
mb margin-bottom: ;
mih min-height: ;
ml margin-left: ;
mr margin-right: ;
mt margin-top: ;
op opacity: ;
ov:h overflow: hidden;
ov:h overflow: hidden;
ovx:h overflow-x: hidden;
p padding: ;
p:0 padding: 0;
pb padding-bottom: ;
pl padding-left: ;
pr padding-right: ;
pt padding-top: ;
pos:f position: fixed;
ta:c text-align: center;
ti:- text-indent: -9999px;
va:t vertical-align: top;
w width: ;
whs white-space: ;
whs:nw white-space: nowrap;

pdfなどチートシート情報は以下のサイトが参考になります
http://matsuoshi.hatenablog.com/entry/20110430/1304174943
CSSのリストを見たいなら以下から
https://code.google.com/p/zen-coding/wiki/ZenCSSPropertiesEn


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です