Home

fromkato.net

プロパティ一覧

このサイトで解説するCSSプロパティの一覧です。

background | 背景

background背景を指定するためのCSSプロパティです。 background-color(背景色)、background-image(背景画像、グラデーション)、background-repeat(繰り返し)、background-size(大きさ)、background-position(起点)、background-origin/background-clip(境界)についても解説します。

border | 境界線

border(ボーダー)はボックスの境界線を指定するためのCSSプロパティです。border-topborder-bottomborder-leftborder-rightborder-styleborder-colorborder-widthについても解説します。

border-collapse / border-spacing / empty-cells | <table>要素の罫線

テーブルの罫線を設定するための3つのCSSプロパティを解説します。

border-radius | 角を丸める

border-radiusはボックスの角を丸めるために使用するCSSプロパティです。border-top-left-radiusborder-top-right-radiusborder-bottom-left-radiusborder-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プロパティです。 このページではnoneinlineinline-blockblocklist-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-heightmin-heightについても解説します。

hyphens | ハイフン

letter-spacing | 文字の間隔

letter-spacing文字の間隔を指定するためのCSSプロパティです。

line-height | 行の高さ

list-style-image | 箇条書きの点を画像にする

list-style-position | 箇条書きの点の位置

margin | 外側の余白

margin(マージン)はボックスの外側の余白を指定するためのCSSプロパティです。 margin-topmargin-bottommargin-leftmargin-rightについても解説します。

opacity | 不透明度

opacity不透明度を指定するためのCSSプロパティです。

padding | 内側の余白

padding(パディング)はボックスの内側の余白を指定するためのCSSプロパティです。 padding-toppadding-bottompadding-leftpadding-rightについても解説します。

position/top/bottom/left/right/z-index | 位置

position位置を指定するためのCSSプロパティです。topbottomleftright、および重なりの順番を指定するz-indexについても解説します。

text-shadow | 文字の影

text-shadow文字の影を指定するためのCSSプロパティです。

visibility | 非表示

visibilityは要素の非表示を指定するためのCSSプロパティです。display: noneopacity: 0との違いも開設します。visibility: collapse<table>要素に対して使用します。

width | 幅

widthはボックスのを指定するためのCSSプロパティです。 max-widthmin-widthについても解説します。