CSS プロパティ « 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: 要素の重ね順を指定

↑