このサイトで解説するCSSプロパティの一覧です。
background
| 背景background
は背景を指定するためのCSSプロパティです。 background-color
(背景色)、background-image
(背景画像、グラデーション)、background-repeat
(繰り返し)、background-size
(大きさ)、background-position
(起点)、background-origin
/background-clip
(境界)についても解説します。
border
| 境界線border
(ボーダー)はボックスの境界線を指定するためのCSSプロパティです。border-top
、border-bottom
、border-left
、border-right
、border-style
、border-color
、border-width
についても解説します。
border-collapse
/ border-spacing
/ empty-cells
| <table>要素の罫線テーブルの罫線を設定するための3つのCSSプロパティを解説します。
border-radius
| 角を丸めるborder-radius
はボックスの角を丸めるために使用するCSSプロパティです。border-top-left-radius
、border-top-right-radius
、border-bottom-left-radius
、border-bottom-right-radius
についても解説します。
box-shadow
| ボックスの影box-shadow
はボックスの影を指定するためのCSSプロパティです。
caption-side
| <caption>要素の上下位置caption-side
は表のタイトルの上下位置を指定するためのCSSプロパティです。
color
| 文字の色color
は文字の色を指定するためのCSSプロパティです。
counter-increment
/ counter-reset
| カウンター<ol>
のようなカウンター(連番)付きの要素をCSSプロパティだけで作ります。
cursor
| カーソルcursor
はマウスのカーソルを指定するためのCSSプロパティです。
direction
/ unicode-bidi
| 文字の方向CSSのdirection
プロパティについて解説します。アラビア語、ペルシア語、ヘブライ語など右から左に書く言語のためのものであり、日本語や英語で書く場合には使いません。
display
| インライン・ブロック要素display
はインライン要素やブロック要素を指定するためなどに使うCSSプロパティです。 このページではnone
、inline
、inline-block
、block
、list-item
について解説しています。display: flex
(フレックス・ボックス)については別ページで解説します。
display: flex
| フレックス・ボックスfilter
| フィルターfloat
| 回り込みfont-family
| 文字の種類(フォント)font-family
(フォントファミリー)は文字の種類を指定するためのCSSプロパティです。
font-size
| 文字の大きさfont-size
は文字の大きさを指定するためのCSSプロパティです。
font-style
| 斜字体(イタリック)font-style
は斜字体(イタリック)を指定するためのCSSプロパティです。
font-weight
| 文字の太さheight
| 高さheight
はボックスの高さを指定するためのCSSプロパティです。 max-height
、min-height
についても解説します。
hyphens
| ハイフンletter-spacing
| 文字の間隔letter-spacing
は文字の間隔を指定するためのCSSプロパティです。
line-height
| 行の高さlist-style-image
| 箇条書きの点を画像にするlist-style-position
| 箇条書きの点の位置margin
| 外側の余白margin
(マージン)はボックスの外側の余白を指定するためのCSSプロパティです。 margin-top
、margin-bottom
、margin-left
、margin-right
についても解説します。
opacity
| 不透明度opacity
は不透明度を指定するためのCSSプロパティです。
padding
| 内側の余白padding
(パディング)はボックスの内側の余白を指定するためのCSSプロパティです。 padding-top
、padding-bottom
、padding-left
、padding-right
についても解説します。
position
/top
/bottom
/left
/right
/z-index
| 位置position
は位置を指定するためのCSSプロパティです。top
、bottom
、left
、right
、および重なりの順番を指定するz-index
についても解説します。
text-shadow
| 文字の影text-shadow
は文字の影を指定するためのCSSプロパティです。
visibility
| 非表示visibility
は要素の非表示を指定するためのCSSプロパティです。display: none
、opacity: 0
との違いも開設します。visibility: collapse
は<table>
要素に対して使用します。
width
| 幅width
はボックスの幅を指定するためのCSSプロパティです。 max-width
、min-width
についても解説します。