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 | キーフレームアニメーションの名前を指定します。 |
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 | 要素に1つ以上の影を追加します。 |
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 | CSSカウンタの値を増加または減少させます。 |
counter-reset | CSSカウンタを1つまたは複数作成またはリセットします。 |
counter-set | CSSカウンタを1つまたは複数作成または設定します。 |
@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-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-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 | 定位された要素のスタック順序を設定します。 |
ズーム | 指定された要素のズーム因子。要素を拡大および縮小できます。 |
- 前のページ CSS リファレンスマニュアル
- 次のページ CSS ブラウザのサポート