ウェブサイト作成

CSSリファレンス プロパティ

プロパティ 機能 CSS ブラウザ
azimuth 音声の聞こえる水平方向の位置 CSS2 ×  
background 背景関連のプロパティの一括指定 詳細表示color, image, repeat, attachment, position を一度に指定
background-attachment 背景画像の移動・固定 詳細表示 fixed(固定する)
scroll(固定しない)
inherit(継承する)
background-color 背景色 詳細表示red(色で指定)
#FF0000(16進数で指定)
transparent(既定値:透明色)
inherit(継承)
background-image 背景画像 詳細表示url(http://www.yyy.zzz/image/back.gif)(URL指定)
none(既定値:画像なし)
inherit(継承する)
background-position 背景画像の初期位置 詳細表示left(左端),center(中央),right(右端),50%(割合),10px(ピクセル指定)
top(上端),center(中央),bottom(下端),50%(割合),10px(ピクセル指定)
例:left top
※必ず左右の指定をして半角スペース上下の指定
background-repeat 背景画像の繰り返し 詳細表示repeat(既定値:敷き詰める)
repeat-x(横方向のみ並べる)
repeat-y(縦方向のみ並べる)
no-repeat(ひとつだけ表示する)
inherit(継承する)
border ボーダー関連プロパティの一括指定  
border-collapse 表のボーダーの表示モデル CSS2  
border-color ボーダーの色の一括指定  
border-spacing 連接するセルのボーダー間のスペース CSS2 IE×  
border-style ボーダーの形状の一括指定 CSS2  
border-top
border-right
border-bottom
border-left
上下左右それぞれのボーダーの太さ・形状・色の一括指定  
border-top-color
border-right-color
border-bottom-color
border-left-color
上下左右それぞれのボーダーの色  
border-top-style
border-right-style
border-bottom-style
border-left-style
上下左右それぞれのボーダーの形状  
border-top-width
border-right-width
border-bottom-width
border-left-width
上下左右それぞれのボーダーの太さ  
border-width ボーダーの太さの一括指定  
bottom 下からの位置指定 CSS2  
caption-side 表タイトルの位置 CSS2 IE×  
clear フロートによる回り込みの解除  
clip 切り抜き領域 CSS2 ×  
color 文字色(前景色)  
content 生成内容 CSS2 ×  
counter-increment カウンタの値を増やす CSS2 ×  
counter-reset カウンダの値をリセットする CSS2 ×  
cue 要素の前後に音声を鳴らす場合の一括指定 CSS2 ×  
cue-after 要素の直後に音声を鳴らす CSS2 ×  
cue-before 要素の直前に音声を鳴らす CSS2 ×  
cursor カーソルの種類 CSS2  
direction テキストの基本的な表記方向 CSS2  
display 表示方法 IE6△  
elevation 音声の聞こえる垂直方向の位置 CSS2 ×  
empty-cells 空セルのボーダーと背景の表示方法 CSS2 IE×  
filter: Alpha() テキストや画像を(半)透明にする IE独    
filter: Blur() 画像をにじませたような効果を出す IE独    
filter: Chroma() 画像の中の指定した色を透明にする IE独    
filter: DropShadow() 影をつける IE独    
filter: FlipH() 対象の領域を左右反転にする IE独    
filter: FlipV() 対象の領域を上下反転にする IE独    
filter: Glow() 画像やテキストの回りに影をつける IE独    
filter: Gray() 画像やテキストをモノクロにする IE独    
filter: Invert() 対象領域の色合い、彩度、明るさを反転させる IE独    
filter: Light() 画像やテキストに光を当てたような効果を出す IE独    
filter: Mask() 画像やテキストの透明部を指定色で塗りつぶし、非透明部を透明にする IE独    
filter: Shadow() 影をつける IE独    
filter: Wave() 画像やテキストに波かけの効果を出す IE独    
filter: Xray() X線によるレントゲン写真のような効果を出す IE独    
float フロートの方向  
font フォント関連プロパティの一括指定  
font-family フォントのファミリー  
font-size フォントの大きさ  
font-size-adjust フォントの大きさの調整 CSS2 ×  
font-stretch フォントの字幅 CSS2 ×  
font-style フォントのスタイル  
font-variant フォントの変形  
font-weight フォントの太さ  
height ボックスの内容領域の高さ  
ime-mode フォーム入力枠などにフォーカスが移動した時に日本語変換(IME)の動作(オン・オフ)を行う IE独 FF○  
layout-grid 行間や文字間のスペースを調整する IE独    
layout-grid-char 文字間のスペースを調整する IE独    
layout-grid-line 行間のスペースを調整する IE独    
layout-grid-mode 行間や文字間のスペース調整の適用指定 IE独    
layout-grid-type 文字間の開け方タイプ指定 IE独    
left 左からの位置指定 CSS2  
letter-spacing テキストの文字間隔  
line-break 行末の禁則処理を指定 IE独    
line-height 行ボックス内のインラインボックスの高さ  
list-style リスト関連プロパティの一括指定  
list-style-image リストマーカーの画像  
list-style-position リストマーカーの位置  
list-style-type リストマーカーの種類  
margin マージンの一括指定  
margin-top
margin-right
margin-bottom
margin-left
上下左右マージンの個別指定  
marker-offset マーカーボックスと基本ブロックボックスの距離 CSS2 ×  
marks トンボマーク(裁断などの目印) CSS2 ×  
max-height ボックスの内容領域の高さの最大値 CSS2 IE6×  
max-width ボックスの内容領域の幅の最大値 CSS2 IE6×  
min-height ボックスの内容領域の高さの最小値 CSS2 IE6×  
min-width ボックスの内容領域の高さの最小値 CSS2 IE6×  
orphans 改ページの際のページ下部の最低行数 CSS2 ××  
outline アウトライン関連プロパティの一括指定 CSS2 ×  
outline-color アウトラインの色 CSS2 ×  
outline-style アウトラインの形状 CSS2 ×  
outline-width アウトラインの太さ CSS2 ×  
overflow 切り抜き方法 CSS2 IE6△  
overflow-x overflow 指定を横方向のみに適用 IE独  
overflow-y overflow 指定を縦方向のみに適用 IE独  
padding パディングの一括指定  
padding-top
padding-right
padding-bottom
padding-left
上下左右パディングの個別指定  
page @pageで指定されたページボックス名に各種設定を適用 CSS2 ×  
page-break-after 要素の直後で改ページ CSS2  
page-break-before 要素の直前で改ページ CSS2  
page-break-inside 要素の途中で改ページ CSS2 ×  
pause 要素の前後での読み上げ休止時間の一括指定 CSS2 ×  
pause-after 要素の直後での読み上げ休止時間 CSS2 ×  
pause-before 要素の直前での読み上げ休止時間 CSS2 ×  
pitch 読み上げ時の声の高さ CSS2 ×  
pitch-range 読み上げ時の声の高さの変動幅 CSS2 ×  
play-during 読み上げ時の背景音声 CSS2 ×  
position 配置方法 CSS2 IE6△  
quotes 引用符の指定 CSS2 ×  
richness 読み上げ時の声の明確さ CSS2 ×  
right 右からの位置指定 CSS2  
ruby-align ルビの配置指定 IE独    
ruby-overhang ルビが長い場合のはみ出し具合を指定 IE独    
ruby-position ルビの配置指定(上部・横) IE独    
scrollbar-3dlight-color スクロールバーの色を指定 IE独    
scrollbar-arrow-color スクロールバーの色を指定 IE独    
scrollbar-base-color スクロールバーの色を指定 IE独    
scrollbar-darkshadow-color スクロールバーの色を指定 IE独    
scrollbar-face-color スクロールバーの色を指定 IE独    
scrollbar-highlight-color スクロールバーの色を指定 IE独    
scrollbar-shadow-color スクロールバーの色を指定 IE独    
scrollbar-track-color スクロールバーの色を指定 IE独    
size ページボックスのサイズと方向 CSS2 ×  
speak スペルの読み上げ方 CSS2 ×  
speak-header 表内の見出しの読み上げ方 CSS2 ×  
speak-numeral 数字の読み上げ方 CSS2 ×  
speak-punctuation 句読点や括弧、区切り記号などの読み上げ方 CSS2 ×  
speech-rate 読み上げ速度 CSS2 ×  
stress 読み上げ時の抑揚の強さ CSS2 ×  
table-layout 表関連要素の表示方法(レイアウトアルゴリズム) CSS2  
text-align テキストの行揃え  
text-autospace 表意文字と非表意文字との文字間指定 IE独    
text-decoration テキストを装飾する  
text-indent

テキストの最初の行のインデント幅  
text-justify 文章の両端あわせ IE独    
text-kashida-space アラビア語などのテキスト配置を最善化する指定 IE独    
text-shadow テキストに影をつける CSS2 ×  
text-transform テキストの大文字と小文字の変換  
text-underline-position 下線の位置指定 IE独    
top 上からの位置指定 CSS2  
unicode-bidi Unicodeの表記方向に関する指示の組込みや上書き CSS2  
vertical-align インラインボックスや表内のセルの垂直位置  
visibility ボックスの可視・不可視 CSS2 IE6×  
voice-family 音声読み上げ時の声の種類 CSS2 ×  
volume 音声読み上げ時の音量 CSS2 ×  
white-space 空白文字の処理方法  
widows 改ページの際のページ上部の最低行数 CSS2 ×  
width ボックスの内容領域の幅  
word-break 行末の単語禁則処理を指定 IE独    
word-spacing テキストの単語間隔  
writing-mode 縦書きを指定 IE独    
z-index 重なり順序 CSS2  

IE独:IE独自拡張
ブラウザ:ブラウザ対応状況