К содержанию

CSSリファレンス

シンプルな言葉で書かれた、例付きの便利なCSSリファレンス。必要な基本から、フレックスボックス、グリッド、アニメーション、グラデーション、変形、そしてすべての最新機能まで網羅しています！

最も必要なもの

font-sizeプロパティ

font-style プロパティ

プロパティ font-weight

line-heightプロパティ

font-family プロパティ

fontプロパティ

text-indent プロパティ

text-align プロパティ

改行・折り返し

white-spaceプロパティ

word-break プロパティ

overflow-wrapプロパティ

overflow プロパティ

overflow-xプロパティ

プロパティ overflow-y

tab-size プロパティ

プロパティ text-overflow

hyphensプロパティ

line-clampプロパティ

色

プロパティ color

角丸

border-radius プロパティ

プロパティ border-top-left-radius

プロパティ border-top-right-radius

プロパティ border-bottom-left-radius

border-bottom-right-radius プロパティ

アウトライン

アウトラインプロパティ

プロパティ outline-width

プロパティ outline-style

プロパティ outline-color

outline-offset プロパティ

影

text-shadowプロパティ

box-shadowプロパティ

透明度・可視性

opacityプロパティ

プロパティ visibility

グラデーション

linear-gradient 関数

radial-gradient 関数

関数 repeating-linear-gradient

repeating-radial-gradient 関数

クリッピング・マスク

clipプロパティ

clip-path プロパティ

maskプロパティ

プロパティ mask-position

プロパティ mask-image

mask-mode プロパティ

mask-size プロパティ

mask-repeat プロパティ

プロパティ mask-origin

プロパティ mask-clip

プロパティ mask-composite

ボーダーイメージ

border-image プロパティ

プロパティ border-image-source

border-image-slice プロパティ

プロパティ border-image-repeat

border-image-outset プロパティ

プロパティ border-image-width

マウス操作

疑似要素 selection

user-selectプロパティ - テキスト選択の禁止

pointer-events プロパティ

cursorプロパティ

スタイル

!important コマンド

メディアクエリ

supports ルール

importコマンド

擬似クラス default

疑似クラス fullscreen

疑似クラス in-range

擬似クラス indeterminate

疑似クラス invalid

擬似クラス optional

疑似クラス out-of-range

placeholder-shown 擬似クラス

疑似クラス read-only

擬似クラス read-write

疑似クラス required

擬似クラス valid

caret-colorプロパティ

擬似クラスfocus-within

scroll-behaviorプロパティ

リスト

list-style-type プロパティ

プロパティ list-style-position

プロパティ list-style-image

list-styleプロパティ

テーブル

プロパティ border-collapse

border-spacingプロパティ

empty-cells プロパティ

table-layoutプロパティ

リンク

疑似クラス link

疑似クラス visited

擬似クラス hover

疑似クラス active

フォーム

疑似クラスfocus

プレースホルダー疑似要素

疑似クラス checked

疑似クラス disabled

疑似クラス enabled

サイズ

widthプロパティ

heightプロパティ

min-widthプロパティ

max-width プロパティ

プロパティ min-height

max-height プロパティ

余白

プロパティ margin

margin-topプロパティ

プロパティ margin-bottom

プロパティ margin-left

margin-right プロパティ

プロパティ padding

プロパティ padding-top

padding-bottom プロパティ

padding-left プロパティ

プロパティ padding-right

プロパティ padding-block-end

padding-block-startプロパティ

padding-inline-endプロパティ

padding-inline-startプロパティ

その他

box-sizingプロパティ

display プロパティ

resizeプロパティ

プロパティ aspect-ratio

object-fit プロパティ

計算

calc関数

関数clamp

min関数

max関数

サイズ単位

単位px

em単位

rem単位

%単位

fr単位

vw単位

CSSにおけるサイズ単位vh

vmax単位

vmin単位

フレックスボックス

プロパティ flex-direction

justify-content プロパティ

align-items プロパティ

flex-wrap プロパティ

flex-flow プロパティ

align-self プロパティ

order プロパティ

flex-basis プロパティ

flex-growプロパティ

flex-shrink プロパティ

flexプロパティ

位置指定

positionプロパティ

z-indexプロパティ

疑似要素 backdrop

bottomプロパティ

topプロパティ

leftプロパティ

rightプロパティ

caption-sideプロパティ

回り込み

float プロパティ

clear プロパティ

プロパティshape-outside

shape-margin プロパティ

段組みレイアウト

column-countプロパティ

プロパティ column-rule

プロパティ column-width

column-spanプロパティ

columnsプロパティ

否定

擬似クラスnot

位置による選択

疑似クラス first-child

疑似クラス last-child

疑似クラス nth-child

疑似クラス nth-last-child

疑似クラス only-child

タイプと位置による選択

擬似クラス first-of-type

疑似クラス last-of-type

擬似クラス nth-of-type

擬似クラス nth-last-of-type

疑似クラス only-of-type

その他

擬似クラス empty

lang疑似クラス

疑似クラス target

テキストの一部

疑似要素first-letter

疑似要素first-line

スムーズな遷移

transition-durationプロパティ

プロパティ transition-delay

transition-propertyプロパティ

プロパティ transition-timing-function

transition プロパティ

アニメーション

@keyframes コマンド

プロパティ animation-name

プロパティ animation-duration

プロパティ animation-delay

animation-timing-function プロパティ

animation-iteration-count プロパティ

プロパティ animation-direction

プロパティ animation-fill-mode

プロパティ animation-play-state

animationプロパティ

変形

transform プロパティ

transform-origin プロパティ

回転

rotate関数

rotateX 関数

関数 rotateY

関数 rotateZ

rotate3d関数

拡大縮小

scale関数

scaleX関数

関数 scaleY

傾斜

skew関数

関数 skewX

skewY関数

移動

translate 関数

translateX関数

translateY関数

テキストの挿入

疑似要素 after

疑似要素before

contentプロパティ

attr関数

カウンター

counter-increment プロパティ

プロパティ counter-reset

セレクター

CSSのコンテキストセレクター

CSSの子孫セレクタ

CSSの隣接セレクター

CSSの隣接セレクタ（全兄弟セレクタ）

CSSにおけるユニバーサルセレクター

セレクター

属性名セレクター

属性値によるセレクタ

属性値の先頭によるセレクタ

属性値の末尾セレクタ

テキストによる属性セレクター

属性値の一部一致セレクター

値内ハイフン属性セレクター