Home / CSS機能別プロパティ一覧

CSS機能別プロパティ一覧

フォントの指定
color 文字色の指定
font フォント関連をまとめて指定
font-family フォント名の指定
font-size フォントサイズの指定
font-weight フォントの太さの指定
font-style フォントスタイル（斜体）の指定
text-decoration フォントスタイル（装飾）の指定

テキストの指定
line-height 行間の指定
text-align 行揃えの指定
vertical-align 縦方向の位置の指定
letter-spacing 文字間隔の指定
word-spacing 単語間隔の指定
text-indent 1行目のインデントの指定
white-space 半角スペース・タブ・改行の表示方法
text-transform 大文字または小文字で表示させる方法

背景の指定
background 背景関連の設定をまとめて指定
background-color 背景色の指定
background-image 背景画像の指定
background-repeat 背景画像の並び方の指定
background-position 背景画像の表示位置の指定
background-attachment 背景画像の固定表示の指定

内容の幅・高さの指定
width 内容の幅の指定
height 内容の高さの指定

内容の周りの領域の指定
padding 内容の上下左右の領域をまとめて指定
padding-top 内容の上側の領域の指定
padding-bottom 内容の下側の領域の指定
padding-left 内容の左側の領域の指定
padding-right 内容の右側の領域の指定

枠線の太さの指定
border-width 上下左右の枠線の太さをまとめて指定
border-top-width 上側の枠線の太さの指定
border-bottom-width 下側の枠線の太さの指定
border-left-width 左側の枠線の太さの指定
border-right-width 右側の枠線の太さの指定

枠線の色の指定
border-color 上下左右の枠線の色をまとめて指定
border-top-color 上側の枠線の色の指定
border-bottom-color 下側の枠線の色の指定
border-left-color 左側の枠線の色の指定
border-right-color 右側の枠線の色の指定

枠線の形式の指定
border-style 上下左右の枠線の形式をまとめて指定
border-top-style 上側の枠線の形式の指定
border-bottom-style 下側の枠線の形式の指定
border-left-style 左側の枠線の形式の指定
border-right-style 右側の枠線の形式の指定

枠線の太さ・色・形式をまとめて指定
border 上下左右の枠線の太さ・色・形式をまとめて指定
border-top 上側の枠線の太さ・色・形式をまとめて指定
border-bottom 下側の枠線の太さ・色・形式をまとめて指定
border-left 左側の枠線の太さ・色・形式をまとめて指定
border-right 右側の枠線の太さ・色・形式をまとめて指定

マージンの指定
margin 上下左右のマージンをまとめて指定
margin-top 上側のマージンの指定
margin-bottom 下側のマージンの指定
margin-left 左側のマージンの指定
margin-right 右側のマージンの指定

配置・表示の指定
position 位置の配置方法の指定
top 上からの配置位置の指定
bottom 下からの配置位置の指定
left 左からの配置位置の指定
right 右からの配置位置の指定
float 左右への配置と回り込みの指定
clear 左右への回り込み解除の指定
z-index 重なる順序の指定
display 要素の表示方法の指定
visibility 要素の表示方法の指定
overflow 領域からはみ出る場合の表示処理の指定

表（テーブル）の設定
border-collapse 表枠線の表示形式の指定
border-spacing 表の各セルの間隔の指定
caption-side 表のタイトルの表示位置の指定
empty-cells 表の空のセルの表示・非表示の指定

リストの設定
list-style-type リストマーク・番号の表示形式の指定
list-style-image リストマークを画像にする指定
list-style-position リストマークの表示位置の指定
list-style リストマーク関連の設定をまとめて指定する方法

カーソルの設定
cursor カーソルの形状の指定

印刷時の改ページの設定
page-break-before 指定要素の直前で改ページする方法
page-break-after 指定要素の直後で改ページする方法
page-break-inside 指定要素内での改ページの方法

要素の直前・直後に文字列や画像を表示する設定
:before 要素の直前に文字列や画像を表示する方法
:after 要素の直後に文字列や画像を表示する方法
content 要素の前後に文字列や画像を表示する方法
quotes 引用符の記号の指定



関連項目

　
Copyright (C) 2009 Html-Labs All Rights Reserved.