このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

CSS3プロパティ一覧

CSS辞書
CSS3のプロパティの一覧

“CSS Color Module”

プロパティ 説明
color:
color-adjust:
opacity:

背景とボーダー

“CSS Backgrounds and Borders Module”

プロパティ 説明
background:
background-attachment:
background-clip:
background-color: 背景色を指定する
background-image: 背景画像を指定する
background-origin:
background-position: 背景画像の表示位置を指定する
background-repeat: 背景画像の繰り返しを指定する
background-size:
border:
border-bottom:
border-bottom-color:
border-bottom-left-radius: 左下の角丸を指定する
border-bottom-right-radius: 右下の角丸を指定する
border-bottom-style: 下辺の境界線の見た目を指定する
border-bottom-width:
border-color:
border-image:
border-image-outset:
border-image-repeat:
border-image-slice:
border-image-source:
border-image-width:
border-left:
border-left-color:
border-left-style: 左辺の境界線の見た目を指定する
border-left-width:
border-radius: 角丸を指定する
border-right:
border-right-color:
border-right-style: 右辺の境界線の見た目を指定する
border-right-width:
border-style: 境界線の見た目を指定する
border-top:
border-top-color:
border-top-left-radius: 左上の角丸を指定する
border-top-right-radius: 右上の角丸を指定する
border-top-style: 上辺の境界線の見た目を指定する
border-top-width:
border-width:
box-decoration-break:
box-shadow:

マルチカラムレイアウト

“CSS Multi-column Layout Module”

プロパティ 説明
break-after:
break-before:
break-inside:
column-count:
column-fill:
column-gap:
column-rule:
column-rule-color:
column-rule-style:
column-rule-width:
column-span:
column-width:
columns:

音声

“CSS Speech Module”

プロパティ 説明
cue:
cue-after:
cue-before:
pause:
pause-after:
pause-before:
rest:
rest-after:
rest-before:
speak:
speak-as:
voice-balance:
voice-duration:
voice-family:
voice-pitch:
voice-range:
voice-rate:
voice-stress:
voice-volume:

画像

“CSS Image Values and Replaced Content Module”

プロパティ 説明
image-resolution:
object-fit:
object-position:

フレキシブルボックス

“CSS Flexible Box Layout Module”

プロパティ 説明
align-content:
align-items:
align-self:
flex:
flex-basis:
flex-direction:
flex-flow:
flex-grow:
flex-shrink:
flex-wrap:
justify-content:
order:

テキストの装飾

“CSS Text Decoration Module ”

プロパティ 説明
text-align-last:
text-decoration:
text-decoration-color:
text-decoration-line:
text-decoration-skip:
text-decoration-style:
text-emphasis:
text-emphasis-color:
text-emphasis-position:
text-emphasis-style:
text-shadow:
text-underline-position:

フォント

“CSS Fonts Module”

プロパティ 説明
font:
font-family:
font-feature-settings:
font-kerning:
font-language-override:
font-size: フォントサイズを指定する
font-size-adjust:
font-stretch:
font-style:
font-synthesis:
font-variant:
font-variant-alternates:
font-variant-caps:
font-variant-east-asian:
font-variant-ligatures:
font-variant-numeric:
font-variant-position:
font:-weight:

書字方向

“CSS Writing Modes Module”

プロパティ 説明
direction:
text-combine-upright:
text-orientation:
unicode-bidi:
writing-mode:

幾何学図形の回り込み

“CSS Shapes Modes Module”

プロパティ 説明
shape-outside:
shape-image-threshold:
shape-margin:

マスキング

“CSS Masking Module”

プロパティ 説明
clip-path:
clip-rule:
mask-image:
mask-mode:
mask-repeat:
mask-position:
mask-clip:
mask-origin:
mask-size:
mask-composite:
mask:
mask-type:

時間的変化

“CSS Transitions”

プロパティ 説明
transition:
transition-property:
transition-duration:
transition-timing-function:
transition-delay:

アニメーション

“CSS Animations”

プロパティ 説明
animation:
animation-name:
animation-duration:
animation-timing-function:
animation-iteration-count:
animation-direction:
animation-play-state:
animation-delay:
animation-fill-mode:

変形

“CSS Transforms”

プロパティ 説明
backface-visibility:
perspective:
perspective-origin:
transform:
transform-origin:
transform-style:

テキスト

“CSS Text Module”

プロパティ 説明
hanging-punctuation:
hyphens:
letter-spacing:
line-break:
overflow-wrap:
tab-size:
text-align:
text-align-last:
text-indent:
text-justify:
text-transform:
white-space:
word-break:
word-spacing:

ユーザインターフェース

“CSS Basic User Interface Module”

プロパティ 説明
outline:
outline-width:
outline-style:
outline-color:
outline-offset:
resize: ユーザーによるサイズの変更の可否を指定する
text-overflow:
cursor:
caret-color:

グリッドレイアウト

“CSS Grid Layout”

プロパティ 説明
grid-template-rows:
grid-template-columns:
grid-template-areas:
grid-template:
grid-auto-rows:
grid-auto-columns:
grid-auto-flow:
grid:
grid-row-start:
grid-column-start:
grid-row-end:
grid-column-end:
grid-row:
grid-column:
grid-area

ボックスの整列

“CSS Box Alignment Module”

プロパティ 説明
align-content:
justify-content:
place-content:
align-self:
justify-self:
place-self:
align-items:
justify-items:
place-items:
row-gap:
column-gap:
gap:

印刷

“CSS Paged Media Module”

プロパティ 説明
image-orientation:
orphans:
page-break-after:
page-break-before:
page-break-inside:
widows:

リスト

“CSS Lists Module”

プロパティ 説明
list-style:
list-style-image:
list-style-position:
list-style-type:

ボックスモデル

“CSS basic box model”

プロパティ 説明
clear:
display:
float:
margin: 境界線の外側の余白の指定
margin-bottom: 境界線の外側の下の余白の指定
margin-left: 境界線の外側の左の余白の指定
margin-right: 境界線の外側の右の余白の指定
margin-top: 境界線の外側の上の余白の指定
overflow:
overflow-style:
overflow-x:
overflow-y:
padding: 境界線の内側の余白の指定
padding-bottom: 境界線の内側の下の余白の指定
padding-left: 境界線の内側の左の余白の指定
padding-right: 境界線の内側の右の余白の指定
padding-top: 境界線の内側の上の余白の指定
visibility:

寸法

“CSS Intrinsic & Extrinsic Sizing Module”

プロパティ 説明
width: 横幅を指定する
height: 高さを指定する
max-height:
max-width:
min-height:
min-width:
box-sizing: 寸法の計算方法の指定

生成と置換

“CSS Generated Content Module”

プロパティ 説明
content:
counter-increment:
counter-reset:
quotes:

位置

“CSS Positioned Layout Module”

プロパティ 説明
bottom:
clip:
left:
position:
right:
top:
z-index:

テーブル

プロパティ 説明
border-collapse:
border-spacing:
caption-side:
empty-cells:
table-layout:

合成と混合

“CSS Compositing and Blending”

プロパティ 説明
background-blend-mode:
mix-blend-mode:
isolation:

変更の予測

“CSS Will Change”

プロパティ 説明
will-change:

SVG画像

“Scalable Vector Graphics”

プロパティ 説明
pointer-events:

ポインタイベント

“Pointer Events”

プロパティ 説明
touch-action:

スクロール

“CSSOM View Module”

プロパティ 説明
scroll-behavior: スムーズスクロールを指定する
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク