備忘録的プログラミングリファレンス

用途別インデックス

 CSSプロパティ、メソッドの用途一覧です。

基本

コメントアウト
/* , */
@ルール(at-rule)
@import@media
一括指定
all
最優先
!important

テキスト、フォント

フォント
colorfontfont-familyfont-feature-settingsfont-kerning font-size font-stretchfont-stylefont-variant font-weight
テキスト配置
letter-spacingline-heightoverflow-wraptab-sizetext-aligntext-align-lasttext-combine-uprighttext-indenttext-justifytext-overflowvertical-alignwhite-spaceword-breakword-spacingword-wrap
回り込み
clearfloat
テキスト装飾
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style text-shadowtext-transformtext-underline-position
書式方向
directiontext-orientationwriting-mode
自動挿入
contentcounter-incrementcounter-resetquotes
改行
box-decoration-breakhyphens
ユーザー操作
user-select

エレメント、レイアウト

サイズ
heightwidthmax-heightmax-widthmin-heightmin-widthresize
スクロール追加
overflowoverflow-xoverflow-y
マージン、パディング、ボーダー
共通
box-sizing
マージン
marginmargin-bottommargin-leftmargin-rightmargin-top
パディング
paddingpadding-bottompadding-leftpadding-rightpadding-top
ボーダー、罫線
全体
borderborder-collapseborder-colorborder-spacingborder-styleborder-width
上辺
border-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-width
下辺
border-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-width
左辺
border-leftborder-left-colorborder-left-styleborder-left-width
右辺
border-rightborder-right-colorborder-right-styleborder-right-width
角を丸に
border-radius
画像を線に
border-imageborder-image-outsetborder-image-repeatborder-image-sliceborder-image-sourceborder-image-width
アウトライン
outlineoutline-coloroutline-offsetoutline-styleoutline-width
配置
位置調整
bottomleftrighttoppositionz-index
横並び(フレックス)
order
横並び(フレックス)
display:flex;align-contentalign-itemsalign-selfjustify-contentflex-wrapflex-basisflex-directionflex-flow
配列(グリッド)
display:grid;grid-areagrid-auto-columnsgrid-auto-flowgrid-auto-rowsgrid-columngrid-column-endgrid-column-gapgrid-column-startgrid-gapgrid-rowgrid-row-endgrid-row-gapgrid-row-startgrid-templategrid-template-areasgrid-template-columnsgrid-template-rows
背景
backgroundbackground-attachmentbackground-blend-modebackground-clipbackground-colorbackground-imagebackground-originbackground-positionbackground-repeatbackground-sizelinear-gradientradial-gradient
フィルタ、加工
filtertransformtransform-origin
ブレンド
isolationlinear-gradient()mix-blend-moderadial-gradient()
box-shadow
透過
opacity
回転
backface-visibility
立体
perspectiveperspective-origin
カラム
column-fillcolumn-gapcolumn-rulecolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-spancolumn-widthcolumns
ページ内移動
scroll-behavior
表示、非表示
visibility

LIST(UL,OL,DL)

list-stylelist-style-imagelist-style-positionlist-style-type

TABLE

罫線
empty-cellstable-layout
キャプション
caption-side

メディア(イメージ、音声、動画)

object-fitobject-position
画像
image-rendering

CSSアニメーション

animationanimation-delayanimation-directionanimation-durationanimation-fill-modeanimation-iteration-countanimation-nameanimation-play-stateanimation-timing-functiontransitiontransition-delaytransition-durationtransition-propertytransition-timing-function

印刷

改行、改ページ
break-afterbreak-beforebreak-insidepage-break-afterpage-break-beforepage-break-insidewidows

マウスポインタ、カーソル

caret-colorcursorpointer-events