- Last Modified: 2008年11月24日 16:31
このページは、株式会社技術評論社より刊行されている実践 Web Standards Design に記載しているソースコードのサンプルを呈示しています。 書籍該当部分と照合しやすいように前後の解説文も掲載していますが、あくまで照合用のため、適宜前後を省いたり内容を省略したりしています。 書籍を読みながら実際にサンプルを表示する際の補助資料として活用してください。
また、 XHTML ソースと CSS ソース、関連画像を含めた全サンプルの ZIP アーカイブ (3,104,743 Bytes) もダウンロードできます。 （ ZIP アーカイブには解説文は含まれていません。）
解説
スタイルシートを書く時のガイドライン - 2xup で提唱されている方法で、例 1 とほぼ同じ考え方です。 異なるのは、仕様に登場する順番ではなく経験を踏まえた上での順番を練っているところです。 仕様上の分類を基準にし、作成者の方の経験を元に並べ替えています。 分類内のプロパティの順番は仕様に登場する順序を採用しているようです。
CSS
/*=================================================================
Generated content, automatic numbering, and lists
content
quotes
counter-reset
counter-increment
marker-offset
list-style
list-style-type
list-style-image
list-style-position
visual formatting model
display
position
top
right
bottom
left
z-index
float
clear
direction
unicode-bidi
min-width
width
max-width
min-height
height
max-height
line-height
vertical-align
visual effects
overflow
clip
visibility
Box model
margin
margin-top
margin-right
margin-bottom
margin-left
padding
padding-top
padding-right
padding-bottom
padding-left
border
border-width
border-color
border-style
border-top
border-right
border-bottom
border-left
border-top-width
border-right-width
border-bottom-width
border-left-width
border-top-color
border-right-color
border-bottom-color
border-left-color
border-top-style
border-right-style
border-bottom-style
border-left-style
Color
color
Fonts
font
font-family
font-style
font-variant
font-weight
font-stretch
font-size
font-size-adjust
Text
text-indent
text-align
text-decoration
text-shadow
letter-spacing
word-spacing
text-transform
white-space
Background
background
background-color
background-image
background-repeat
background-attachment
background-position
=================================================================*/
