CSSリファレンス v0.1alpha - 20090126

暫定。すぐあげなおす。

井上幸亨郎 - utakata.c4se@gmail.com
c4seFDL 0.1

記述は、「厳密より簡潔」を重んじている。

セレクタ便覧

別途手引き参照。

ボックススタイル

表示の仕方を規定する

display
  block
  inline
  none
  list-item
  table
  table-row
  table-column
  table-cell
  inline-table
  compact
  run-in
  marker
  inherit

表示の状態を規定する

visiblity
  visible
  hidden

定位方法

position
  static
  relative
  absolute
  fixed

位置

top
right
bottom
left
  サイズ
  割合%
  auto

大きさ

width
height
  サイズ
  割合%

マージン

margine:[margine];
margine:[margine-top & margine-bottom] [margine-right & margine-left];
margine:[margine-top] [margine-right & margine-left] [margine-bottom];
margine:[margine-top] [margine-right] [margine-bottom] [margine-left];
margine-top
margine-right
margine-bottom
margine-left
  サイズ

パッディング

padding:[padding];
padding:[padding-top & padding-bottom] [padding-right & padding-left];
padding:[padding-top] [padding-right & padding-left] [padding-bottom];
padding:[padding-top] [padding-right] [padding-bottom] [padding-left];
padding-top
padding-right
padding-bottom
padding-left
  サイズ

枠線

border-width:[border-width];
border-wigth:[border-top-width & border-bottom-width] [border-right-width & border-left-width];
border-wigth:[border-top-width] [border-right-width & border-left-width] [border-bottom-width];
border-wigth:[border-top-width] [border-right-width] [border-bottom-width] [border-left-width];
border-top-width
border-right-width
border-bottom-width
border-left-width
  
border-color:[border-color];
border-wigth:[border-top-color & border-bottom-color] [border-right-color & border-left-color];
border-wigth:[border-top-color] [border-right-color & border-left-color] [border-bottom-color];
border-color:[border-top-color] [border-right-color] [border-bottom-color] [border-left-color];
border-top-color
border-right-color
border-bottom-color
border-left-color
  
border-style:[border-style];
border-wigth:[border-top-style & border-bottom-style] [border-right-style & border-left-style];
border-wigth:[border-top-style] [border-right-style & border-left-style] [border-bottom-style];
border-style:[border-top-style] [border-right-style] [border-bottom-style] [border-left-style];
border-top-style
border-right-style
border-bottom-style
border-left-style
  
border-top:[border-width] [border-style] [border-color];
border-right:[border-width] [border-style] [border-color];
border-bottom:[border-width] [border-style] [border-color];
border-left:[border-width] [border-style] [border-color];

背景

背景スタイル

background:[background-color] [background-image] [background-repeat] [background-attachment] [background-position];
background-color
  色名
background-image
  url("アドレス")
  none
background-repeat
  repeat
  repeat-x
  repeat-y
  no-repeat
background-attachment
  fixed
  scroll
background-position:[サイズ];
background-position:[サイズ] [サイズ];
  サイズ
  割合%
  50%
  top
  center
  bottom
  left
  right

文字スタイル

色

color
  色名

フォント

font:[font-size]/[font-family];
font:[font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family];
font-style
  italic
  oblique
  normal
font-variant
  small-caps
  normal
font-weight
  数値
  normal
  bold
  bolder
  lighter
font-size
  サイズ
  xx-small
  x-small
  samll
  medium
  large
  x-large
  xx-large
  larger
  smaller
line-height
  サイズ
  割合
  割合%
  normal
font-family:[font-family], [font-family];
  フォント名
  serif
  sans-serif
  cursive
  fantasy
  monospace