webmas.jp

CSS プロパティ

CSS プロパティ一覧

align-content
フレックスボックスの交差軸またはグリッドのブロック軸方向の揃え位置
align-items
コンテナ内の子要素の交差軸方向の揃え位置を指定する
align-self
グリッドやフレックスアイテムの交差軸方向の揃え位置を個別に指定
animation
スタイル間アニメーションの一括指定
animation-delay
アニメーション開始のタイミングを指定
animation-direction
アニメーション再生の向きを指定
animation-duration
アニメーション1回の長さを指定
animation-iteration-count
アニメーションの繰り返し再生回数を指定
animation-name
アニメーションの名前を指定する
animation-play-state
アニメーションを実行中か停止中か切り替える
animation-timing-function
アニメーションがどのように進行するかを指定
backface-visivility
要素の裏面の可視化を指定
background
image, background-position, background-repeat の各プロパティをまとめて指定
background-attachment
背景画像を固定するか、スクロールするかを指定
background-color
背景色を指定
background-image
背景画像を指定
background-origin
背景画像が表示される基準位置を指定
background-position
背景画像の位置を指定
background-repeat
背景画像の繰り返しを指定
clear
回り込みから解除するかどうかを指定
color
文字色
column-count
カラムの数を指定
column-fill
段組みの内容を揃える方法
column-gap
要素の段や列の間隔を指定
column-rule
段組みレイアウトの区切り線のスタイル、太さ、色を指定
column-rule-color
カラムの区切り線の色を指定
column-rule-style
カラムの区切り線のスタイルを指定
column-rule-width
カラムの区切り線の太さを指定
column-span
段組みレイアウトで複数の段にまたがる指定
column-width
カラムの幅を指定
columns
カラム幅とカラム数を一括指定
content
擬似要素の内容
cursor
カーソルの種類を変更
direction
文章の記述方向を指定する
display
要素の表示形式
empty-cells
表の空白セルの表示非表示
flex
flex-grow, flex-shrink, flex-basis の各プロパティを一括指定
flex-direction
フレックスアイテムを配置する方向を指定
float
ボックスの回り込みを指定
font
文字のスタイルを一括指定
font-family
フォントを指定
font-size
フォントの大きさを指定
font-style
文字の傾きを指定
font-variant
英文字をスモールキャップにする
font-weight
文字の太さを指定
height
要素の高さを指定
hyphones
単語内の改行をハイフンでつなぐ指定
left
ボックスの配置位置指定(左)
letter-spacing
文字間の幅を指定
line-height
行の高さ
list-stye
list-style-type, list-style-image, list-style-position を一括指定
list-style-image
リストマーカーの画像を指定
list-style-position
リストマーカーの位置を指定
list-style-type
リストマーカーの種類を指定
margin
要素の外側の余白を一括指定
margin-bottom
要素下辺の外側の余白を指定
margin-left
要素左辺の外側の余白を指定
margin-right
要素右辺の外側の余白を指定
margin-top
要素上辺の外側の余白を指定
outline
輪郭線のプロパティ(outline-style, outline-width, outline-color)を一括指定
outline-color
輪郭線の色を指定
outline-offset
要素と輪郭線の間隔の広さを指定
outline-style
輪郭線の種類を指定
outline-width
輪郭線の太さを指定
overflow
ボックスからはみ出た内容の表示方法を一括指定
overflow-x
ボックスからはみ出た左右方向の内容の表示方法
overflow-y
ボックスからはみ出た上下方向の内容の表示方法
padding
要素の内側の余白を一括指定
padding-bottom
要素下辺の内側の余白を指定
padding-left
要素左辺の内側の余白を指定
padding-right
要素右辺の内側の余白を指定
padding-top
要素上辺の内側の余白を指定
perspective
奥行きを持たせるかどうかを指定
perspective-origin
透視図法の消失点の位置を指定
position
要素の配置方法を指定
resize
要素が変更可能であれば変更の方向を指定
right
要素の配置位置を右から指定
table-layout
表の表示方法(固定・非固定)を指定
text-align
要素の水平方向の配置を指定
text-decoration
文字の装飾的な線
text-emphasis
テキストに圏点を一括指定
text-emphasis-color
圏点の色を指定
text-emphasis-style
圏点の形を指定
text-indent
文章の1行目の字下げを指定
text-justify
テキストの両端揃えの種類を指定
text-overflow
領域を超えたテキストの表示方法を指定
text-shadow
文字に影を追加する
text-transform
英文字の大文字/小文字を指定
top
要素の配置位置を上から指定
transform
要素を変形
transform-origin
要素変形の原点を指定
transform-style
要素に対し平面か立体かを指定
transition
要素の状態変化を一括指定
transition-delay
要素の状態変化の開始タイミングを指定
transition-duration
要素の状態変化の時間
transition-property
要素の状態変化の内容を指定
transition-timing-function
要素の状態変化の進行具合
unicode-bidi
文字が並ぶ方向を指定
vertical-align
行内のテキストや要素の垂直方向の配置を指定
visivility
要素の表示・非表示を指定
white-space
スペース・タブ・改行の扱いを指定
width
要素の幅を指定
word-break
単語内の改行を指定
word-spacing
文字間の幅を指定
z-index
要素の重ね順を指定