CSS リファレンスマニュアル
- 前のページ CSS リファレンスマニュアル
- 次のページ CSS ブラウザサポート
CSS 属性
A
accent-color | ユーザーインターフェースコントロールの強調色を指定します。 |
align-content | 行間のアライメント方法を定義します。項目がすべての可用スペースを使用しない場合、エラストマティックコンテナ内で行われます。 |
align-items | エラストマティックコンテナ内の項目のアライメント方法を定義します。 |
align-self | エラストマティックコンテナ内の選択された項目のアライメント方法を定義します。 |
all | すべての属性をリセットします(unicode-bidi と direction を除きます)。 |
animation | すべての animation-* 属性の短縮属性です。 |
animation-delay | アニメーションを開始するための遅延を定義します。 |
animation-direction | アニメーションが前に再生、後ろに再生、または交互に再生するかを定義します。 |
animation-duration | アニメーションが一周期を完了するのにかかる時間を定義します。 |
animation-fill-mode | アニメーションが再生しない時(開始前、終了後、またはその両方)のスタイルを定義します。 |
animation-iteration-count | アニメーションの再生回数を定義します。 |
animation-name | @keyframes アニメーションの名前を定義します。 |
animation-play-state | アニメーションが再生するか停止するかを定義します。 |
animation-timing-function | アニメーションの速度カーブを定義します。 |
aspect-ratio | 要素の希望の纵横比を指定します。 |
B
backdrop-filter | 要素の背景領域のグラフィカルな効果を定義します。 |
backface-visibility | ユーザーに対して要素の裏面が見えるかどうかを定義します。 |
background | すべての background-* 属性の短縮属性です。 |
background-attachment | 背景画像がページの他の部分と一緒にスクロールするか固定されるかを設定します。 |
background-blend-mode | 各背景レイヤー(色/画像)の混成モードを定義します。 |
background-clip | 背景(色または画像)が要素内に延びる距離を定義します。 |
background-color | 要素の背景色を定義します。 |
background-image | 要素の一枚か複数の背景画像を定義します。 |
background-origin | 背景画像の初期位置を定義します。 |
background-position | 背景画像の位置を指定します。 |
background-position-x | 背景画像のx軸上の位置を指定します。 |
pr_background-position-y | 背景画像のy軸上の位置を指定します。 |
background-repeat | 背景画像の繰り返し方法および方法を設定します。 |
background-size | 背景画像のサイズを指定します。 |
block-size | 要素のブロック方向上の大きさを指定します。 |
border | border-width、border-style 以及 border-color の省略形属性。 |
border-block |
以下の属性のショートカット属性です: |
border-block-color | ブロック方向上の開始および終了ボーダーの色を設定します。 |
border-block-end |
以下の属性のショートカット属性です: |
border-block-end-color | ブロック方向上の終了ボーダーの色を設定します。 |
border-block-end-style | ブロック方向上の終了ボーダーのスタイルを設定します。 |
border-block-end-width | ブロック方向上の終了ボーダーの幅を設定します。 |
border-block-start |
以下の属性のショートカット属性です: |
border-block-start-color | ブロック方向上の開始ボーダーの色を設定します。 |
border-block-start-style | ブロック方向上の開始ボーダーのスタイルを設定します。 |
border-block-start-width | ブロック方向上の開始ボーダーの幅を設定します。 |
border-block-style | ブロック方向上の開始および終了ボーダーのスタイルを設定します。 |
border-block-width | ブロック方向上の開始および終了ボーダーの幅を設定します。 |
border-bottom | border-bottom-width、border-bottom-style 以及 border-bottom-color の省略形属性。 |
border-bottom-color | 下ボーダーの色を設定します。 |
border-bottom-left-radius | 左下隅のボーダーラウンドを定義します。 |
border-bottom-right-radius | 右下隅のボーダーラウンドを定義します。 |
border-bottom-style | 下ボーダーのスタイルを設定します。 |
border-bottom-width | 下ボーダーの幅を設定します。 |
border-collapse | テーブルのボーダーの折りたたみを単一のボーダーまたは分離のボーダーに設定します。 |
border-color | 4本の枠線の色を設定。 |
border-end-end-radius | 要素のブロック終了と行内終了間の角の半径を設定。 |
border-end-start-radius | 要素のブロック終了と行内開始間の角の半径を設定。 |
border-image | border-image-* 属性のショートカット属性。 |
border-image-outset | 枠線の画像区域が枠線を超える量を指定。 |
border-image-repeat | 枠線の画像を繰り返す、角を丸める、または伸ばすかを指定。 |
border-image-slice | 枠線の画像をどのようにカットするかを指定。 |
border-image-source | 用作枠線の画像のパスを指定。 |
border-image-width | 枠線の画像の幅を指定。 |
border-inline |
以下の属性のショートカット属性です: |
border-inline-color | 行内方向上の開始と終了枠線の色を設定。 |
border-inline-end |
以下の属性のショートカット属性です: |
border-inline-end-color | 行内方向上の終了枠線の色を設定。 |
border-inline-end-style | 行内方向上の終了枠線のスタイルを設定。 |
border-inline-end-width | 行内方向上の終了枠線の幅を設定。 |
border-inline-start |
以下の属性のショートカット属性です: |
border-inline-start-color | 行内方向上の開始枠線の色を設定。 |
border-inline-start-style | 行内方向上の開始枠線のスタイルを設定。 |
border-inline-start-width | 行内方向上の開始枠線の幅を設定。 |
border-inline-style | 行内方向上の開始と終了枠線のスタイルを設定。 |
border-inline-width | 行内方向上の開始と終了枠線の幅を設定。 |
border-left | すべての border-left-* 属性のショートカット属性。 |
border-left-color | 左側の枠線の色を設定。 |
border-left-style | 左側の枠線のスタイルを設定。 |
border-left-width | 左側の枠線の幅を設定。 |
border-radius | 4つの border-*-radius 属性のショートカット属性。 |
border-right | すべての border-right-* 属性のショートカット属性。 |
border-right-color | 右のボーダーの色を設定します。 |
border-right-style | 右のボーダーのスタイルを設定します。 |
border-right-width | 右のボーダーの幅を設定します。 |
border-spacing | 隣接セルのボーダー間の距離を設定します。 |
border-start-end-radius | 要素のブロック開始と行内終了間の角の半径を設定します。 |
border-start-start-radius | 要素のブロック開始と行内開始間の角の半径を設定します。 |
border-style | 四つのボーダーのスタイルを設定します。 |
border-top | border-top-width、border-top-style、およびborder-top-colorのショートカット属性です。 |
border-top-color | 上のボーダーの色を設定します。 |
border-top-left-radius | 左上隅のボーダーラウンドを定義します。 |
border-top-right-radius | 右上隅のボーダーラウンドを定義します。 |
border-top-style | 上のボーダーのスタイルを設定します。 |
border-top-width | 上のボーダーの幅を設定します。 |
border-width | 四つのボーダーの幅を設定します。 |
bottom | 要素が親要素の下部に対しての位置を設定します。 |
box-decoration-break | 要素がページシークエンスで背景とボーダーの行動を設定するか、行内要素が行の終わりで行動するかを設定します。 |
box-reflect | 要素の反射効果を作成するために使用します。 |
box-shadow | 要素に影を追加します。 |
box-sizing | 要素の幅と高さの計算方法を定義します:内側パディングとボーダーを含めるかどうかを指定します。 |
break-after | 指定された要素の後にpage-、column-、またはregion-breakが表示されるべきかどうかを指定します。 |
break-before | 指定された要素の前にpage-、column-、またはregion-breakが表示されるべきかどうかを指定します。 |
break-inside | 指定された要素の内部にpage-、column-、またはregion-breakが表示されるべきかどうかを指定します。 |
C
caption-side | テーブルのキャプションの配置方法を指定します。 |
caret-color | input、textarea、または他のエディタブル要素内でのカーソルの色を指定します。 |
@charset | スタイルシートで使用する文字エンコーディングを指定します。 |
clear | 要素のどの側にフロート要素を許可しないことを指定します |
clip | 絶対位置の要素をカットアウトします。 |
clip-path | 要素を基本的な形状またはSVGソースにカットアウト。 |
color | テキストの色を設定。 |
color-scheme | 要素がどのオペレーティングシステムの配色パターンを使用してレンダリングされるかを指示。 |
column-count | 要素がどの列数に分割されるべきかを規定。 |
column-fill | 列をどう埋めるか(balancedかどうか)を指定。 |
column-gap | 列間のギャップを規定。 |
column-rule | すべての column-rule-* 属性の省略形属性。 |
column-rule-color | 列間のルールの色を規定。 |
column-rule-style | 列間のルールのスタイルを規定。 |
column-rule-width | 列間のルール幅を規定。 |
column-span | 要素が何列を越えるべきかを規定。 |
column-width | 列の幅を規定。 |
columns | column-width と column-count の省略形属性。 |
@container | コンテナのサイズやスタイルに基づいてコンテナ内の要素のスタイルを定義します。 |
content | before と after 伪要素と一緒に使用して生成された内容を挿入します。 |
counter-increment | 1つまたは複数のCSSカウンタの値を増加または減少させます。 |
counter-reset | 1つまたは複数のCSSカウンタを生成またはリセットします。 |
counter-set | 1つまたは複数のCSSカウンタを生成または設定します。 |
@counter-style | カスタムカウンタースタイルを定義することができます。 |
cursor | 要素に指を向けたときに表示するマウスカーソルを規定。 |
D
direction | テキストの方向/書き方向を規定。 |
display | HTML要素の表示方法を規定。 |
E
empty-cells | テーブルの空白セルに枠と背景を表示するかどうかを規定。 |
F
filter | 要素が表示される前に効果(例えば、ぼやけや色のずれ)を定義。 |
flex | flex-grow、flex-shrink そして flex-basis の省略形属性。 |
flex-basis | エラストイックアイテムの初期長さを規定。 |
flex-direction | エラストイックアイテムの方向を規定。 |
flex-flow | flex-direction と flex-wrap の省略形属性。 |
flex-grow | 規定項目に対する他の項目の増量。 |
flex-shrink | 規定項目に対する他の項目の減量。 |
flex-wrap | フレックスアイテムが改行するかどうかを指定します。 |
float | ボックスに対してフロートを行うかどうかを指定します。 |
font | font-style、font-variant、font-weight、font-size/line-heightおよびfont-familyの短縮属性を指定します。 |
@font-face | 「web-safe」フォント以外のフォントをダウンロードおよび使用する規則を許可します。 |
font-family | テキストのフォントファミリー(字体系列)を指定します。 |
font-feature-settings | OpenTypeフォントの中で高度な印刷特性を制御する許可が与えられます。 |
@font-feature-values | OpenTypeで異なる方法で活性化する特性を実現するために、font-variant-alternateで指定された一般的な名前を使用して作成者に許可が与えられます。 |
font-feature-values | font-kerning |
字距調整情報の使用(アルファベットの間隔)を制御します。 | font-language-override |
特定の言語の字型がフォントの使用においてどのように制御されるかを指定します。 | @font-palette-values |
フォントパレットのデフォルト値をカスタマイズする許可が与えられます。 | 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 | フォントの太さを規定します。 |
G
grid | grid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columnsおよびgrid-auto-flow属性の省略属性です。 |
grid-area | グリッドアイテムの名前を指定するだけでなく、grid-row-start、grid-column-start、grid-row-endおよびgrid-column-end属性の省略属性でもあります。 |
grid-auto-columns | デフォルトの列サイズを規定します。 |
grid-auto-flow | グリッドに自動配置されるアイテムをどのように挿入するかを規定します。 |
grid-auto-rows | デフォルトの行サイズを規定します。 |
grid-column | grid-column-startおよびgrid-column-end属性の省略属性です。 |
grid-column-end | グリッドアイテムをどのように終了するかを規定します。 |
grid-column-gap | 列間隔のサイズを規定します。 |
grid-column-start | グリッドアイテムがどこから始まるかを規定します。 |
grid-gap | grid-row-gapおよびgrid-column-gapの省略属性です。 |
grid-row | grid-row-startおよびgrid-row-end属性の省略属性です。 |
grid-row-end | グリッドアイテムがどこで終わるかを規定します。 |
grid-row-gap | 列間隔のサイズを規定します。 |
grid-row-start | グリッドアイテムがどこから始まるかを規定します。 |
grid-template | grid-template-rows、grid-template-columnsおよびgrid-areas属性の省略属性です。 |
grid-template-areas | 名前付きグリッドアイテムを使用して列と行をどのように表示するかを規定します。 |
grid-template-columns | 列のサイズおよびグリッドレイアウト内の列数を指定します。 |
grid-template-rows | グリッドレイアウト内の行のサイズを指定します。 |
H
hanging-punctuation | 行のフレーム外に記号を配置できるかどうかを規定します。 |
height | 要素の高さを設定します。 |
hyphens | 段落のレイアウトを改善するために単語をどのように分割するかを設定します。 |
hyphenate-character | 設定が行の改行前にハイフン断行を行うための文字です。 |
I
image-rendering | 指定用于图像缩放的算法类型。 |
image-rendering | 指定用于图像缩放的算法类型。 |
@import | 允许您将样式表导入另一张样式表。 |
initial-letter | 指定首字母的大小,并可选地指定首字母应下沉的行数。 |
inline-size | 指定元素在行内方向上的大小。 |
inset | 指定元素与父元素之间的距离。 |
inset-block | 指定元素与父元素在块方向上的距离。 |
inset-block-end | 指定元素结束处与父元素在块方向上的距离。 |
inset-block-start | 指定元素开始处与父元素在块方向上的距离。 |
inset-inline | 指定元素与父元素在行内方向上的距离。 |
inset-inline-end | 指定元素结束处与父元素在行内方向上的距离。 |
inset-inline-start | 指定元素开始处与父元素在行内方向上的距离。 |
isolation
定义元素是否必须创建新的堆叠内容。 | J |
justify-content | 规定项目在弹性容器内的对齐方式,当项目未用到所有可用空间时。 |
justify-items | 规定网格项在行内方向的对齐方式。在网格容器上设置。 |
justify-self
规定网格项在行内方向的对齐方式。在网格项上设置。 | K |
@keyframes
规定动画代码。 | L |
@layer | 规定定位元素的左侧位置。 |
控制 CSS 层叠层如何评估样式的顺序。 | left |
letter-spacing | 增加或减少文本中的字符间距。 |
line-break | 如何如何/是否换行。 |
line-height | 设置行高。 |
list-style | 在一条声明中设置所有列表属性。 |
list-style-image | 把图像指定为列表项标记。 |
list-style-position | 规定列表项标记的位置。 |
list-style-type
规定列表项标记的类型。 | M |
margin | 在一条声明中设置所有外边距属性。 |
margin-block-end | 指定块方向上的外边距。 |
margin-block-start | 指定块方向上结束处的外边距。 |
margin-bottom | 设置元素的下外边距。 |
margin-inline | 指定块方向上开始处的外边距。 |
margin-inline-end | 指定行内方向上结束处的外边距。 |
margin-inline-start | 指定行内方向上开始处的外边距。 |
margin-left | 设置元素的左外边距。 |
margin-right | 设置元素的右外边距。 |
margin-top | 设置元素的上外边距。 |
marker | 指向将在元素路径的所有顶点(第一个、中间和最后一个)上绘制的标记。 |
marker-end | 指向将在元素路径的最后一个顶点上绘制的标记。 |
marker-mid | 指向将在元素路径的所有中间顶点上绘制的标记。 |
marker-start | 指向将在元素路径的第一个顶点上绘制的标记。 |
mask |
以下の属性のショートカット属性です: |
mask-clip | 指定受遮罩图像影响的区域。 |
mask-composite | 指定在当前遮罩层与其下方的遮罩层上使用的合成操作。 |
mask-image | 指定用作元素遮罩层的图像。 |
mask-mode | 指定遮罩层图像是作为亮度遮罩还是作为 alpha 遮罩处理。 |
mask-origin | 指定遮罩层图像的原始位置(遮罩位置区域)。 |
mask-position | 设置遮罩层图像的起始位置(相对于遮罩位置区域)。 |
mask-repeat | 指定遮罩层图像的重复方式。 |
mask-size | 指定遮罩层图像的大小。 |
mask-type | 指定 SVG |
max-height | 设置元素的最大高度。 |
max-width | 设置元素的最大宽度。 |
@media | 为不同的媒体类型、设备、尺寸设置样式规则。 |
max-block-size | 设置元素在块方向上的最大大小。 |
max-inline-size | 设置元素在行内方向上的最大大小。 |
min-block-size | 设置元素在块方向上的最小大小。 |
min-inline-size | 设置元素在行内方向上的最小大小。 |
min-height | 设置元素的最小高度。 |
min-width | 设置元素的最小宽度。 |
mix-blend-mode | 指定元素内容应如何与其直接父元素的背景相混合。 |
N
@namespace | 定义在样式表中使用的 XML 命名空间。 |
O
object-fit | 指定替换元素的内容应如何适应其使用的高度和宽度所建立的框。 |
object-position | 置換要素がそのフレーム内でどのようにアライメントされるかを指定。 |
offset |
以下の属性のショートカット属性です: |
offset-anchor | 要素上にアニメーションパス上に固定されたポイントを指定。 |
offset-distance | アニメーション要素がパス上の位置を指定。 |
offset-path | 要素がアニメーションのパスに沿って動くことを指定。 |
offset-position | 要素がパスに沿ってアニメーションする際の初期位置を指定。 |
offset-rotate | 要素がパスに沿ってアニメーションする際の回転を指定。 |
opacity | 要素の不透明度を設定。 |
order | エラストイックアイテムが他のアイテムに対する順序を設定。 |
orphans | ページまたは列の下部に必ず残る必要がある最小行数を設定。 |
orphans | 要素内でページが発生した場合、ページの下部に必ず残る必要がある最小行数を設定。 |
outline | outline-width、outline-style および outline-color 属性のショートカット属性。 |
outline-color | 輪郭の色を設定。 |
outline-offset | 輪郭をオフセットし、境界線の外に描画。 |
outline-style | 輪郭のスタイルを設定。 |
outline-width | 輪郭の幅を設定。 |
overflow | 内容が要素のフレームをオーバーフローした場合に何が起こるかを指定。 |
overflow-anchor | スクロール可能なコンテナに新しい内容をロードする際に、視覚領域内の内容を下に押し下げるかどうかを指定。 |
overflow-wrap | 長い単語がコンテナから溢れた場合、ブラウザが折り返すことができるかどうかを指定。 |
overflow-wrap | 文字が長すぎて含まれるボックスに収まらない場合、ブラウザが単語内で折り返すことを防ぐために折り返すかどうかを指定。 |
overflow-x | 内容が要素の内容エリアをオーバーフローした場合、内容の左右端がカットされるかどうかを指定。 |
overflow-y | 内容が要素の内容エリアをオーバーフローした場合、内容の上下端がカットされるかどうかを指定。 |
overscroll-behavior | x と y 方向におけるスクロールチェーンまたはオーバースクロール効果があるかどうかを指定。 |
overscroll-behavior-block | ブロック方向におけるスクロールチェーンまたはオーバースクロール効果があるかどうかを指定。 |
overscroll-behavior-inline | 行内方向におけるスクロールチェーンまたはオーバースクロール効果があるかどうかを指定。 |
overscroll-behavior-x | x 方向におけるスクロールチェーンまたはオーバースクロール効果があるかどうかを指定。 |
overscroll-behavior-y | y 方向におけるスクロールチェーンまたはオーバースクロール効果があるかどうかを指定。 |
P
padding | すべての padding-* 属性のショートカット属性。 |
padding-block | 指定块方向上的内边距。 |
padding-block-end | 指定块方向上结束处的内边距。 |
padding-block-start | 指定块方向上开始处的内边距。 |
padding-bottom | 设置元素的下内边距。 |
padding-inline | 指定行内方向上的内边距。 |
padding-inline-end | 指定行内方向上结束处的内边距。 |
padding-inline-start | 指定行内方向上开始处的内边距。 |
padding-left | 设置元素的左内边距。 |
padding-right | 设置元素的右内边距。 |
padding-top | 设置元素的上内边距。 |
@page | 自定义打印页面的尺寸、方向和边距。 |
page-break-after | 设置元素之后的分页(page-break)行为。 |
page-break-before | 设置元素之前的分页(page-break)行为。 |
page-break-inside | 设置元素内的分页(page-break)行为。 |
paint-order | 设置 SVG 元素或文本的绘制顺序。 |
perspective | 为 3D 定位元素提供透视。 |
perspective-origin | 定义用户观看 3D 定位元素的位置。 |
place-content | 指定 flexbox 和网格布局的 align-content 和 justify-content 属性值。 |
place-items | 指定网格布局的 align-items 和 justify-items 属性值。 |
place-self | 指定网格布局的 align-self 和 justify-self 属性值。 |
pointer-events | 定义元素是否对指针事件做出反应。 |
position | 规定用于元素的定位方法的类型(静态、相对、绝对或固定)。 |
@property | 直接在样式表中定义自定义 CSS 属性,无需运行任何 JavaScript。 |
Q
quotes | 设置引号类型。 |
R
resize | 定义用户是否以及如何调整元素的尺寸。 |
right | 规定定位元素的左侧位置。 |
rotate | 指定元素的旋转。 |
row-gap | 指定网格行之间的间隙。 |
S
scale | 要素の大きさを拡大または縮小して指定します。 |
@scope | 特定のDOM子ツリーの要素を選択し、詳細なセレクタを書かずに正確に要素を定位することができます。 |
scroll-behavior | スクロールエリアがスムーズにスクロールするかどうかを指定します。直接ジャンプするのではなく、スムーズにスクロールします。 |
scroll-margin | 吸引位置とコンテナ間のマージンを指定します。 |
scroll-margin-block | ブロック方向上の吸引位置とコンテナ間のマージンを指定します。 |
scroll-margin-block-end | ブロック方向上の吸引位置とコンテナの終わり間のマージンを指定します。 |
scroll-margin-block-start | ブロック方向上の吸引位置とコンテナの先頭間のマージンを指定します。 |
scroll-margin-bottom | 底部吸引位置とコンテナ間のマージンを指定します。 |
scroll-margin-inline | 行内方向上の吸引位置とコンテナ間のマージンを指定します。 |
scroll-margin-inline-end | 行内方向上の吸引位置とコンテナの終わり間のマージンを指定します。 |
scroll-margin-inline-start | 行内方向上の吸引位置とコンテナの先頭間のマージンを指定します。 |
scroll-margin-left | 左側吸引位置とコンテナ間のマージンを指定します。 |
scroll-margin-right | 右側吸引位置とコンテナ間のマージンを指定します。 |
scroll-margin-top | トップ吸引位置とコンテナ間のマージンを指定します。 |
scroll-padding | コンテナから子要素の吸引位置までの距離を指定します。 |
scroll-padding-block | ブロック方向上のコンテナから子要素の吸引位置までの距離を指定します。 |
scroll-padding-block-end | ブロック方向上のコンテナの終わりから子要素の吸引位置までの距離を指定します。 |
scroll-padding-block-start | ブロック方向上のコンテナの先頭から子要素の吸引位置までの距離を指定します。 |
scroll-padding-bottom | コンテナの底部から子要素の吸引位置までの距離を指定します。 |
scroll-padding-inline | 行内方向上のコンテナから子要素の吸引位置までの距離を指定します。 |
scroll-padding-inline-end | 行内方向上のコンテナの終わりから子要素の吸引位置までの距離を指定します。 |
scroll-padding-inline-start | 行内方向上のコンテナの先頭から子要素の吸引位置までの距離を指定します。 |
scroll-padding-left | コンテナの左側から子要素のアドヒシブ位置への距離を指定します。 |
scroll-padding-right | コンテナの右側から子要素のアドヒシブ位置への距離を指定します。 |
scroll-padding-top | コンテナのトップから子要素のアドヒシブ位置への距離を指定します。 |
scroll-snap-align | ユーザーがスクロールを停止したときの要素の位置を指定します。 |
scroll-snap-stop | トラックパッドやタッチスクリーン上で急速にスライドした後のスクロール行動を指定します。 |
scroll-snap-type | スクロール中のアドヒシブ行動を指定します。 |
scrollbar-color | 要素のスクロールバーの色を指定します。 |
shape-outside | インラインコンテンツの周囲の形状を定義します。 |
@starting-style | 要素が最初のスタイル更新前に持つスタイルを定義します。 |
@supports | ブラウザが特定のCSS機能をサポートしているかをテストするために使用されます。 |
T
tab-size | タブの幅を定義します。 |
table-layout | セル、行、列に対するレイアウトに使用されるアルゴリズムを定義します。 |
text-align | テキストの水平アライメント方法を定義します。 |
text-align-last | text-alignが"justify"のとき、強制改行前にブロックや行の最後の行をどのようにアライメントするかを説明します。 |
text-combine-upright | 複数の文字を単一のスペースに組み合わせます。 |
text-decoration | テキスト装飾を定義します。 |
text-decoration-color | テキスト装飾(text-decoration)の色を定義します。 |
text-decoration-line | テキスト装飾(text-decoration)のラインタイプを定義します。 |
text-decoration-style | テキスト装飾(text-decoration)のラインスタイルを定義します。 |
text-decoration-thickness | 装飾線の太さを定義します。 |
text-emphasis |
以下の属性のショートカット属性です: |
text-emphasis-color | 強調マークの色を指定します。 |
text-emphasis-position | 強調マークの位置を指定します。 |
text-emphasis-style | 強調マークのスタイルを指定します。 |
text-indent | テキストブロック(text-block)内の先頭行のインデントを定義します。 |
text-justify | text-alignが"justify"のときに使用するアライメント方法を定義します。 |
text-orientation | 一行の文字の方向を定義します。 |
text-overflow | テキストが包含要素をオーバーフローした場合に発生するべき状況を指定します。 |
text-shadow | テキストの影を追加します。 |
text-transform | テキストの大文字を制御します。 |
text-underline-offset | アンダーラインされたテキストの装飾のオフセット距離を指定します。 |
text-underline-position | アンダーラインされたテキストの装飾位置を指定します。 |
top | 定位された要素の上端位置を指定します。 |
transform | 2D または 3D 変換を要素に適用します。 |
transform-origin | 変換された要素の位置を変更することができます。 |
transform-style | 3D 空間内でネストされた要素をレンダリングする方法を指定します。 |
transition | すべての transition-* 属性のショートカット属性です。 |
transition-delay | トランジション効果を開始するタイミングを指定します。 |
transition-duration | トランジション効果を完了するために必要な秒数またはミリ秒数を指定します。 |
transition-property | トランジション効果に対応する CSS 属性の名前を指定します。 |
transition-timing-function | トランジション効果の速度曲線を指定します。 |
translate | 要素の位置を指定します。 |
U
unicode-bidi | direction 属性と一緒に使用して、同一ドキュメント内の複数の言語をサポートするためのテキストを覆写するかどうかを設定または返します。 |
user-select | 要素のテキストを選択できるかどうかを指定します。 |
V
vertical-align | 要素の垂直アライメント方法を設定します。 |
visibility | 要素が可視であるかどうかを指定します。 |
W
white-space | 要素内の空白文字の処理方法を指定します。 |
widows | ページまたは列の上部に保持する必要がある最小行数を設定します。 |
widows | 要素内でページ分割が発生した場合、ページの上部に保持する必要がある最小行数を設定します。 |
width | 要素の幅を設定します。 |
word-break | 単語が行の終わりに達した後の行切れを指定します。 |
word-spacing | テキスト内の単語間隔を増加または減少させます。 |
word-wrap | 長い、折れない単語を次の行に移動することを許可します。 |
writing-mode | テキスト行が水平か垂直にレイアウトされるかを指定します。 |
Z
z-index | 定位された要素のスタッキング順序を設定します。 |
zoom | 指定された要素の拡大率。要素を拡大・縮小することができます。 |
- 前のページ CSS リファレンスマニュアル
- 次のページ CSS ブラウザサポート