[CSS]スタイルシートの記述簡略化のチートシート

サイト構築 -CSS

leigeberのエントリーから、スタイルシートの記述の簡略化のチートシートを紹介します。
チートシートは、PDFで配布されています。

CSS Shorthand Cheat Sheetのキャプチャ

CSS Shorthand Cheat Sheet

記述の簡略化は、例えば下記のようになっています。

簡略化の前

#div {
background-color: #CCCCCC;
(named, hex, rgb or 0-255) (default = transparent)
background-image: url(images/bg.gif);
(url or none) (default = none)
background-repeat: no-repeat;
(repeat, repeat-x, repeat-y or no-repeat) (default = repeat)
background-attachment: scroll;
(fixed or scroll) (default = scroll)
background-position: top left;
(top, right, left, bottom or center) (default = 0% 0%)
}

簡略化の後

#div {
background:#CCC url(images/bg.gif) no-repeat 0 0;
}

Related Posts

Post on:2008年4月22日

Trackback

leave your Comments

©2011 coliss