Home > P.068

P.068

  • 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
=================================================================*/

Download

Comments:0

Comment Form

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

Trackbacks:0

TrackBack URL for this entry
http://lh3.jp/files/system/mtos/mt-tb.cgi/32
Listed below are links to weblogs that reference
P.068 from lh3.jp

Home > P.068

Tag Cloud
Categories
Archives
Search
Feeds
  • Feed by feedburner.jp

Return to page top