CSS 関連ドキュメントの索引

788 ページあります:

# ページ タグと要約
1 CSS: カスケーディングスタイルシート CSS, Cascading Style Sheets, Design, Guide, Landing, Layout, Reference, Style Sheets, Styles, Stylesheets, l10n:priority
カスケーディングスタイルシート (Cascading Style Sheets) (CSS) はスタイルシート言語であり、HTMLXML (方言である SVGMathML、XHTML などを含む) で記述された文書の体裁や見栄えを表現するために用いられます。 CSS は、要素が画面上で (あるいは紙や音声といった別のメディア上で) どのように表現されるのかを定義します。
2 :-moz-broken CSS, CSS:Mozilla Extensions, NeedsCompatTable, Non-standard, Pseudo-class, Reference, Selector
:-moz-brokenCSS擬似クラスで、 Mozilla 拡張 であり、壊れた画像リンクを表している要素に一致します。
3 :-moz-drag-over CSS, CSS:Mozilla Extensions, Firefox, Mozilla, NeedsCompatTable, Non-standard, Pseudo-class, Reference, Selector
CSS:-moz-drag-over 擬似クラスMozilla 拡張で、 dragover イベントが呼び出される時に要素に一致します。
4 :-moz-first-node CSS, CSS Reference, Non-standard
:-moz-first-node CSS 擬似クラスは、ある要素の最初の子ノードの要素に一致します。最初の子要素の前に (スペースではない) テキストがあると一致しないため、:first-child とは動作が異なります。
5 :-moz-focusring CSS, CSS:Mozilla Extensions, Non-standard, Pseudo-class, Reference, Selector
CSS:-moz-focusring 擬似クラスは、 :focus 擬似クラスに似た Mozilla 拡張ですが、現在フォーカスが当たっていて、かつフォーカスリングやその他のインジケーターがその周りに描かれる場合のみ一致します。
6 :-moz-last-node CSS, CSS Reference, Non-standard
:-moz-last-node CSS 擬似クラスは、ある要素の最後の子ノードの要素に一致します。最後の子要素の後に (スペースではない) テキストがあると一致しないため、:last-child とは動作が異なります。
7 :-moz-list-bullet CSS, CSS Reference, Non-standard
非標準の :-moz-list-bullet Mozilla CSS 擬似クラスは、リスト要素のマーカーを編集するために使用されます。
8 :-moz-loading CSS, CSS:Mozilla Extensions, CSS:Mozilla 拡張, NeedsCompatTable, Non-standard, Pseudo-class, Reference, Selector, セレクター, 擬似クラス, 標準外
:-moz-loadingCSS擬似クラスMozilla 拡張であり、読み込みが開始されていないために表示できない要素、例えばまだ到着が開始されていない画像などに一致します。なお、読み込みの画像は、この擬似クラスには一致しません
9 :-moz-locale-dir(ltr) CSS, Mozilla 拡張, Non-standard, Reference, ローカライズ, 疑似クラス
CSS:-moz-locale-dir(ltr) 疑似クラスMozilla 拡張であり、ユーザーインターフェイスが左から右へ向けて表示される要素に一致します。これは設定の intl.uidirection.locale (locale は現在のロケール) が "ltr" に設定されていることで特定されます。
10 :-moz-locale-dir(rtl) CSS, Mozilla 拡張, Right-to-left, リファレンス, ローカライズ, 右書き, 標準外, 疑似クラス
CSS:-moz-locale-dir(ltr) 疑似クラスMozilla 拡張であり、ユーザーインターフェイスが右から左へ向けて表示される要素に一致します。これは設定の intl.uidirection.locale (locale は現在のロケール) が "rtl" に設定されていることで特定されます。
11 :-moz-only-whitespace :-moz-only-whitespace, CSS, Non-standard, Pseudo-class, Reference, セレクター
CSS:-moz-only-whitespace 擬似クラスは、whitespaceのみが入ったテキストノードのみを含む要素に一致します。 (これには空のテキストノードや子ノードを持たない要素も含みます)。
12 :-moz-submit-invalid :-moz-submit-invalid, CSS, CSS:Mozilla Extensions, CSS:Mozilla 拡張, Non-standard, Pseudo-class, Reference, Selector, 擬似クラス, 標準外
:-moz-submit-invalid は CSS の擬似クラスで、 Mozilla 拡張であり、フォームの送信 button のうち、内容が制約の検証で妥当ではないものを表します。
13 :active CSS, ウェブ, セレクター, リファレンス, レイアウト, 疑似クラス
CSS:active 疑似クラスは、ユーザーによってアクティブ化されている要素 (ボタンなど) を表します。
14 :any-link CSS, CSS 疑似クラス, Experimental, Reference, Web, セレクター, レイアウト
CSS:any-link 疑似クラスセレクターは、訪問の有無とは独立したソースアンカーとして振る舞う要素を表します。言い換えれば、 href 属性を持つすべての a, area, link の各要素を選択します。つまり、 :link または :visited に一致するすべての要素を選択します。
15 :-webkit-autofill CSS, Non-standard, Reference, 擬似クラス
CSS の :-webkit-autofill 疑似クラスは、 input 要素の値がブラウザーによって自動補完されている時に一致します。
16 :blank :blank, CSS, CSS Selectors, Draft, Experimental, NeedsContent, NeedsExample, Pseudo-class
:blankCSS擬似クラスで、空のユーザー入力要素 (例えば inputtextarea) に一致します。
17 :checked :checked, CSS, Checked, Layout, Pseudo-class, Reference, Selector, Toggled, Web, button, checkbox, radio
:checkedCSS擬似クラスセレクターで、ラジオボタン (<input type="radio">)、 チェックボックス (<input type="checkbox">)、 オプションボタン (select の中の option) 要素がチェックされていたり on の状態にあったりすることを表します。
18 :default CSS, CSS 基本ユーザーインターフェイス, Layout, Pseudo-class, Reference, Web, セレクター, 疑似クラス
:defaultCSS擬似クラスで、関連する要素のグループ内で既定となっているフォーム上の要素を選択します。
19 :defined CSS, HTML, Layout, Pseudo-class, Reference, Web, セレクター, 疑似クラス
CSS:defined 疑似クラスは、定義されているすべての要素を表します。これにはブラウザーに組み込まれたすべての標準要素と、 (CustomElementRegistry.define() メソッドを使用して) 定義に成功したカスタム要素が含まれます。
20 :dir() BiDi, CSS, Experimental, Pseudo-class, Reference, セレクター, 疑似クラス
:dir()CSS 擬似クラスで、中に含まれる文字列の方向に基づいて要素を選択します。
21 :disabled CSS, Layout, Pseudo-class, Reference, Selector, Web
:disabledCSS擬似クラスで、無効な要素を表します。無効な要素とは、アクティブ化(選択、クリック、入力など)したりフォーカスを得たりすることができないものです。要素には有効な状態、つまりアクティブ化したりフォーカスを得たりすることができる状態もあります。
22 :empty CSS, Layout, NeedsUpdate, Pseudo-class, Reference, Selector, Web
:emptyCSS擬似クラスで、子を持たない要素を表します。子とは要素のノードまたは文字列 (ホワイトスペースを含む) です。コメント、処理指示、 CSS の content は要素が空であるかどうかの判断には影響しません。
23 :enabled CSS, Layout, Pseudo-class, Reference, Selector, Web
:enabledCSS擬似クラスで、すべての有効な要素を表します。有効な要素とは、アクティブ化 (選択、クリック、入力など) したりフォーカスを得たりすることができるものです。要素には無効な状態、つまりアクティブ化したりフォーカスを得たりすることができない状態もあります。
24 :first-child CSS, Layout, Pseudo-class, Reference, Selector, Web
:first-childCSS擬似クラスで、兄弟要素のグループの中で最初の要素を表します。
25 :first-of-type CSS, Layout, Pseudo-class, Reference, Web, セレクター, 疑似クラス
CSS:first-of-type 疑似クラスは、兄弟要素のグループの中でその種類の最初の要素を表します。
26 :first @page, CSS, CSS ページ化メディア, Layout, Pseudo-class, Reference, Selector, Web
:firstCSS擬似クラス@page アット規則で使用され、印刷文書の最初のページを表します。
27 :focus-visible :focus, :focus-visible, CSS, Experimental, Layout, Pseudo-class, Reference, Selector, Web
:focus-visible 擬似クラスは、要素が :focus 擬似クラスに一致している時で、User Agentが要素にフォーカスを明示するべきであると発見的に指定した場合 (多くのブラウザーではこの場合、「フォーカスリング」を表示します) に適用されます。
28 :focus-within :focus, :focus-within, CSS, Layout, Pseudo-class, Reference, Selector, Web
CSS:focus-within 擬似クラスは、フォーカスを持っているか、フォーカスを持った要素を含む要素を表します。言い換えれば、それ自身が :focus 擬似クラスに該当するか、子孫に :focus に該当する要素がある要素を表します。 (これはシャドウツリー (en-US)における子孫も含みます。)
29 :focus CSS, Layout, Reference, Web, ウェブ, セレクター, レイアウト, 擬似クラス, 疑似クラス
:focusCSS擬似クラスで、フォーカスを持っている (フォームの入力のような) 要素を表します。普通はユーザーが要素をクリックやタップをしたり、キーボードの[タブ]キーで選択したりしたときです。
30 :fullscreen CSS, Full-screen, Full-screen API, Fullscreen API, Pseudo-class, Reference, Selector, fullscreen, screen
:fullscreenCSS擬似クラスで、現在全画面モードにあるすべての要素に一致します。複数の要素が全画面モードにある場合は、それらすべてを選択します。
31 :has() CSS, Experimental, Reference, セレクター, リファレンス, 擬似クラス
:has() は CSS の疑似クラスで、引数として渡されたセレクターに (指定された要素の :scope の相対で) 該当する要素が一つ以上の要素に一致することを表します。
32 :host-context() :host-context(), CSS, Experimental, Layout, Pseudo-class, Reference, Selector, Web
:host-context()CSS擬似クラス関数で、内部で使用される CSS を含むシャドウ DOM のシャドウホストを選択します (そのため、シャドウ DOM の中のカスタム要素を選択することができます)。 — しかし、関数の引数として与えられたセレクターがシャドウホストの祖先に一致した場合のみです。
33 :host :host, CSS, DOM, Layout, Pseudo-class, Reference, Selector, Web, Web Components, shadow, shadow dom, ウェブコンポーネント, シャドウ DOM, セレクター, 擬似クラス
:hostCSS擬似クラスで、その CSS を含むシャドウ DOM のシャドウホストを選択します。 — 言い換えれば、シャドウ DOM の中からカスタム要素を選択できるようにします。
34 :hover CSS, Layout, Reference, Web, 疑似クラス
CSS:hover 疑似クラスは、ユーザーがポインティングデバイスで要素に反応したものの、アクティブ化する必要がないものを選択します。普通はユーザーがカーソル(マウスポインタ―)で要素の上をホバー(通過)させたときにこの状態になります。
35 :in-range CSS, Reference, Web, セレクター, 疑似クラス
CSS:in-range 疑似クラスは、現在の値が min および max 属性による制限範囲内にある input 要素を表します。
36 :indeterminate :indeterminate, CSS, Layout, Pseudo-class, Reference, Selector, Web, checkbox, progress, radio button
:indeterminateCSS擬似クラスセレクターで、未確定の状態にあるフォーム要素を表します。例えばチェックボックスで HTML の indeterminate 属性が true に設定されたもの、ラジオボタンでグループ内がすべて選択されていないもの、 progress 要素で中間の状態などです。
37 :invalid CSS, Layout, Pseudo-class, Reference, Selector, Web, セレクター, 擬似クラス
:invalidCSS擬似クラスで、 input 要素や form 要素のうち内容が検証に失敗したものを表します。
38 :is() (:matches(), :any()) :is, CSS, Experimental, Pseudo-class, Reference, Selector, Selectors, Web
CSS:is() 擬似クラス関数は、セレクターのリストを引数に取り、リスト中のセレクターの何れか一つに当てはまる要素をすべて選択します。数多くのセレクターを小さくまとめて書くのに便利です。
39 :lang CSS, Layout, Pseudo-class, Reference, Selector, Web
:lang()CSS擬似クラスで、指定された言語に基づいて要素に一致させます。
40 :last-child CSS, Layout, Pseudo-class, Reference, Selector, Web
:last-childCSS擬似クラスで、兄弟要素のグループの中で最後の要素を表します。
41 :last-of-type CSS, Layout, Pseudo-class, Reference, セレクター, 疑似クラス
CSS:last-of-type 疑似クラスは、兄弟要素のグループの中でその種類の最後の要素を表します。
42 :left @page, CSS, CSS ページ化メディア, Layout, Pseudo-class, Reference, Web, ウェブ, 疑似クラス
CSS:left 疑似クラス@page @-規則 で使われ、印刷文書の左側のページすべてを表します。
43 :link CSS, CSS Reference, Pseudo-class, Reference, 疑似クラス
CSS:link 疑似クラスは、まだ訪問されていない要素を表します。 a, area, link など、 href 属性を持つ未訪問のすべての要素を選択します。
44 :not() :not(), CSS, Layout, Negation, Pseudo-class, Reference, Selector, Web
:not()CSS擬似クラスで、列挙されたセレクターに一致しない要素を表します。特定の項目が選択されることを防ぐため、否定擬似クラス (negation pseudo-class) と呼ばれています。
45 :nth-child() CSS, Reference, Selectors, Web, セレクター, 擬似クラス
CSS:nth-child() 擬似クラスは、兄弟要素のグループの中での位置に基づいて選択します。
46 :nth-last-child() CSS, ウェブ, セレクター, リファレンス, レイアウト, 疑似クラス
CSS:nth-last-child() 疑似クラスは、兄弟要素のグループの中での位置に基づいて選択します。
47 :nth-last-of-type() CSS, ウェブ, セレクター, リファレンス, レイアウト, 疑似クラス
CSS:nth-last-of-type() 疑似クラスは、兄弟要素のグループの中で指定された型の要素を、最後から数えた位置に基づいて選択します。
48 :nth-of-type() CSS, Layout, Pseudo-class, Reference, Web, セレクター, 擬似クラス
:nth-of-type()CSS擬似クラスで、兄弟要素のグループの中で指定された型 (タグ名) の要素を、位置に基づいて選択します。
49 :only-child CSS, ウェブ, セレクター, リファレンス, レイアウト, 擬似クラス
CSS:only-child 疑似クラスは、兄弟要素がない要素を表します。 :first-child:last-child または :nth-child(1):nth-last-child(1) と同じですが、詳細度はより低くなります。
50 :only-of-type CSS, Layout, Pseudo-class, Reference, Web, セレクター, 疑似クラス
CSS:only-of-type 疑似クラスは、同じ型の兄弟要素がない要素を表します。
51 :optional CSS, Layout, Pseudo-class, Reference, Selector, Web
:optionalCSS擬似クラスで、 required 属性が設定されていない input, select, textarea 要素を表します。
52 :out-of-range CSS, Layout, Pseudo-class, Reference, Selector, Selectors, UI Selector
:out-of-rangeCSS擬似クラスで、 input 要素のうち、現在の値が min および max 属性で指定された範囲を外れているものを表します。
53 :placeholder-shown CSS, Experimental, Reference, セレクター, 疑似クラス
:placeholder-shownCSS疑似クラスは、プレイスホルダー文字列が表示されている input または textarea 要素を表します。
54 :read-only CSS, Layout, Pseudo-class, Reference, Web, セレクター, 疑似クラス
:read-onlyCSS擬似クラスで、ユーザーが編集できない要素 (inputtextarea など) を表します。
55 :read-write CSS, Layout, Pseudo-class, Reference, Web, セレクター, 疑似クラス
:read-writeCSS擬似クラスで、ユーザーが編集できる要素 (inputtextarea など) を表します。
56 :required CSS, Layout, Pseudo-class, Reference, Selector, Web
:requiredCSS擬似クラスで、 input, select, textarea 要素のうち required 属性が設定されているものを表します。
57 :right @page, CSS, CSS ページ化メディア, Layout, Pseudo-class, Reference, Web, ウェブ, 疑似クラス
CSS:left 疑似クラス@page @-規則 で使われ、印刷文書の右側のページすべてを表します。
58 :root CSS, Layout, Pseudo-class, Reference, Web, セレクター, 疑似クラス
CSS:root 疑似クラスは、文書を表すツリーのルート要素を選択します。 HTML では、 :roothtml 要素を表し、詳細度が高いことを除けば html セレクターと同等です。
59 :scope CSS, Layout, Reference, Web, スコープ付き要素, セレクター, 疑似クラス
:scopeCSS疑似クラスで、セレクターが選択する対象の参照点である要素を表します。
60 :target CSS, Layout, Pseudo-class, Reference, Web, セレクター, 疑似クラス
:targetCSS擬似クラスは、 URL のフラグメントに一致する id を持つ固有の要素 (対象要素) を表します。
61 :valid CSS, CSS 基本ユーザーインターフェイス, Layout, Pseudo-class, Reference, Web, セレクター, 疑似クラス
CSS:valid 擬似クラスは、内容の検証に成功した input 要素 やその他の form 要素を表します。これにより、有効な入力欄に、データの形式が適切であることをユーザーが確認しやすくなる外観を簡単に適用できるようになります。
62 :visited CSS, Reference, Selectors, セレクター, 疑似クラス
:visitedCSS擬似クラスで、ユーザーがすでに訪問したリンクを表します。プライバシー上の理由から、このセレクターを使用して変更できるスタイルはとても限定されています。
63 :where() :where, CSS, Experimental, NeedsBrowserCompatibility, NeedsContent, NeedsExample, Pseudo-class, Reference, Selector, Selectors, Web, セレクター, 擬似クラス
:where()CSS擬似クラス関数で、選択肢列挙を引数として取り、列挙されたセレクターのうちの何れかに当てはまるすべての要素を選択します。
64 ::-moz-color-swatch CSS, CSS:Mozilla Extensions, CSS:Mozilla 拡張, Non-standard, Pseudo-element, Reference, 標準外, 疑似要素
::-moz-color-swatchCSS疑似要素であり、 Mozilla 拡張で、 inputtype="color" で選択された色を表します。
65 ::-moz-progress-bar CSS, CSS:Mozilla Extensions, CSS:Mozilla 拡張, NeedsCompatTable, Non-standard, Pseudo-element, Reference, 擬似要素, 標準外
::-moz-progress-barCSS擬似要素Mozilla 拡張であり、 progress 要素の中のプログレスバーを表します。 (バーは進捗した量を表します。)
66 ::-moz-range-track CSS, CSS:Mozilla Extensions, Non-standard, Pseudo-element, Reference, Selector
::-moz-range-track CSS 疑似要素は、 type="range" の input でインジケーターがスライドする track (例, 溝) を表す Mozilla 拡張機能 です。
67 ::-webkit-progress-value CSS, Reference, Selector, 疑似要素, 非標準
::-webkit-progress-value CSS 疑似要素 は、 progress 要素のバーの塗りつぶされた部分を表します。これは、 ::-webkit-progress-bar 疑似要素の子要素です。
68 ::-webkit-slider-runnable-track CSS, CSS:WebKit Extensions, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference, Selector
::-webkit-slider-runnable-track は CSS の擬似要素input/range "track" (インジケータがスライドする溝) を表します。
69 ::-webkit-slider-thumb CSS, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference, 擬似要素, 標準外
::-webkit-slider-thumb は CSS の擬似要素で、数値の値を変更する inputtype="range" でユーザーが「溝」の中を動かすことができる「つまみ」を表します。
70 ::after (:after) CSS, ウェブ, リファレンス, レイアウト, 疑似要素
CSS において ::after は、選択した要素の最後の子要素として擬似要素を作成します。よく content プロパティを使用して、要素に装飾的な内容を追加するために用いられます。
71 ::backdrop CSS, Full-screen, Layout, NeedsContent, Pseudo-element, Reference, 全画面, 疑似要素
CSS::backdrop 疑似要素は、何らかの要素が全画面モードで表示される直下に直接表示される viewport の寸法のボックスです。
72 ::before (:before) CSS, Layout, Pseudo-element, Reference, Selector, Web
CSS における ::before は、選択した要素の最初の子要素として擬似要素を作成します。よく content プロパティを使用して、要素に装飾的な内容を追加するために用いられます。
73 ::cue ::cue, CSS, Media, Pseudo-element, Reference, Selector, WebVTT, Webビデオテキストトラック, cue, ウェブ動画テキストトラック, セレクター, メディア, 擬似要素
::cueCSS擬似要素で、選択された要素内の WebVTT キューに一致します。これにより、 VTT トラック付きのメディアでキャプションや他のキューをスタイル付けすることができます。
74 ::first-letter (:first-letter) CSS, Layout, Pseudo-element, Reference, Selector
::first-letterCSS擬似要素で、ブロックレベル要素の最初の行の最初の文字にスタイルを適用します。ただし、最初の文字より前に他のコンテンツ (画像やインラインテーブルなど) がないときに限ります。
75 ::first-line (:first-line) CSS, Layout, Pseudo-element, Reference, Selector
::first-lineCSS擬似要素で、ブロックレベル要素の最初の行にスタイルを適用します。
76 ::grammar-error CSS, Experimental, Pseudo-element, Reference, Selector
::grammar-errorCSS擬似要素で、user agentが文法的に正しくないとしたテキストの区間を示します。
77 ::marker CSS, CSS Lists, CSS リスト, Experimental, Layout, Pseudo-element, Reference, 疑似要素
::markerCSS擬似要素で、リスト項目の箇条書き記号ボックス (ふつうは黒丸や番号) を選択します。
78 ::part() ::part, CSS, Draft, Experimental, NeedsBrowserCompatibility, NeedsExample, Pseudo-element, Reference, Selector, セレクター, 擬似要素
::partCSS擬似要素で、一致する part 属性を持つシャドウツリー内の要素を表します。
79 ::placeholder CSS, Experimental, Reference, フォーム, 疑似要素
::placeholderCSS疑似要素で、 input または textarea 要素のプレイスホルダー文字列を表します。
80 ::selection CSS, Experimental, リファレンス, レイアウト, 疑似要素
CSS::selection 擬似要素は、ユーザーが (テキストをマウスでクリックやドラッグすることで) 選択した文書の一部にスタイルを適用します。
81 ::slotted() ::slotted, CSS, Reference, ウェブ, レイアウト, 疑似要素
::slotted()CSS疑似要素で、 HTML テンプレート内にあるスロットに配置された任意の要素を表します (詳しくはテンプレートとスロットの利用をご覧ください)。
82 ::spelling-error CSS, Experimental, NeedsExample, Pseudo-element, Reference, Web, 疑似要素
CSS::spelling-error 疑似要素は、綴りが正しくないとuser agentが判断したテキスト区間を示します。
83 カスタムプロパティ (--*): CSS 変数 CSS, CSS カスタムプロパティ, Reference
--example-name のように、頭に -- 接頭辞がつけられたプロパティはカスタムプロパティを表し、 var 関数を使用して他の宣言の中で使用することができる値を持ちます。
84 -moz-context-properties -moz-context-properties, CSS, CSS Property, CSS:Mozilla Extensions, Experimental, Needs Privileges, Non-standard, Reference, recipe:css-property
-moz-context-properties プロパティは Firefox の特権モードで使用することができ、子に SVG 画像を持つ要素の指定されたプロパティの値を共有します。
85 -moz-float-edge CSS, CSS Property, CSS:Mozilla Extensions, Layout, NeedsCompatTable, Non-standard, recipe:css-property
非標準の -moz-float-edge CSS プロパティは要素の高さと幅のプロパティが margin 、border 、padding の厚さを含んでいるのかを指定します。
86 -moz-force-broken-image-icon CSS, NeedsCompatTable, Non-standard, Reference
Mozillaの拡張CSSプロパティである -moz-force-broken-image-icon は、画像が壊れているときに表示されるイメージアイコンを、たとえ alt 属性を持っていたとしても、強制的に表示させるために使用されます。
87 -moz-orient CSS, CSS プロパティ, Mozilla 拡張, Non-standard, Reference
CSS-moz-orient プロパティは、適用される要素の向きを指定します。
88 -moz-outline-radius-bottomleft CSS, CSS Property, NeedsCompatTable, NeedsContent, Non-standard, Reference, recipe:css-property
Mozilla アプリケーションにおいて、 -moz-outline-radius-bottomleftCSS のプロパティで、要素の輪郭線 (outline) の左下の角を丸くするために使用することができます。
89 -moz-outline-radius-bottomright CSS, CSS Property, NeedsCompatTable, NeedsContent, Non-standard, Reference, recipe:css-property
Mozilla アプリケーションにおいて、 -moz-outline-radius-bottomrightCSS のプロパティで、要素の輪郭線 (outline) の右下の角を丸くするために使用することができます。
90 -moz-outline-radius-topleft CSS, CSS Property, NeedsCompatTable, NeedsContent, Non-standard, Reference, recipe:css-property
Mozilla アプリケーションにおいて、 -moz-outline-radius-topleftCSS のプロパティで、要素の輪郭線 (outline) の左上の角を丸くするために使用することができます。
91 -moz-outline-radius-topright CSS, CSS Property, NeedsCompatTable, NeedsContent, Non-standard, Reference, recipe:css-property
Mozilla アプリケーションにおいて、 -moz-outline-radius-toprightCSS のプロパティで、要素の輪郭線 (outline) の⇀上の角を丸くするために使用することができます。
92 -moz-outline-radius -moz-outline-radius, -moz-outline-radius-bottomleft, -moz-outline-radius-bottomright, -moz-outline-radius-topleft, -moz-outline-radius-topright, CSS, CSS プロパティ, Mozilla 拡張, Non-standard, Reference
Firefox などの Mozilla アプリケーションにおいて、 CSS-moz-outline-radius プロパティは、要素の輪郭線 (outline) の角を丸くするために使用することができます。
93 -moz-user-input CSS, CSS Property, Deprecated, Mozilla 拡張, Non-standard, Reference
Mozilla アプリケーションでは、 -moz-user-input はある要素がユーザの入力を受け付けるかどうかを決定します。
94 -webkit-line-clamp -webkit-line-clamp, CSS, CSS Property
-webkit-line-clamp CSS プロパティは block container のコンテンツを指定した行数に制限することができます。
95 -webkit-overflow-scrolling CSS, CSS プロパティ, Reference, WebKit 拡張, リファレンス, 標準外
-webkit-overflow-scrollingCSS のプロパティは、指定された要素で惰性付き (momentum-based) のスクロールを使用するかどうかを制御します。
96 -webkit-print-color-adjust CSS, CSS Property, Layout, Non-standard, Web
-webkit-print-color-adjust CSSプロパティは、プリント時に背景色・背景画像の表示を強制できるようにする、WebKitブラウザ上で使用できる非標準のCSSプロパティです。
97 -webkit-tap-highlight-color CSS, CSS プロパティ, Reference, WebKit 拡張, 標準外
-webkit-tap-highlight-color は CSS の標準外のプロパティで、リンクがタップされている間に表示される強調色を設定します。強調は、ユーザーがタップしたことが正常に認識されていることを示し、またどの要素がタップされているかを示します。
98 -webkit-text-fill-color
-webkit-text-fill-color はCSSのプロパティで、テキストの文字の色を示します。このプロパティが設定されていない場合、colorプロパティの値が使用されます。
99 -webkit-text-stroke-color CSS, CSS プロパティ, Non-standard, Reference, WebKit 拡張, 標準外
-webkit-text-stroke-color は CSS のプロパティで、テキストの文字の角のを示します。このプロパティが設定されない場合、 color プロパティの値が使用されます。
100 -webkit-text-stroke-width CSS, CSS プロパティ, Non-standard, Reference, WebKit, WebKit 拡張, 標準外
-webkit-text-stroke-widthCSS のプロパティで、テキストの角の太さを指定します。
101 -webkit-touch-callout CSS, CSS プロパティ, Non-standard, Reference, WebKit 拡張, recipe:css-property, リファレンス, レイアウト, 標準外
CSS-webkit-touch-callout プロパティは、対象を長押しすることで現れるコールアウト表示を制御します。
102 @charset At-rule, CSS, Layout, Reference, Web
CSS@charset at-規則 は、スタイルシートで使う文字エンコーディングを定義します。この規則はスタイルシートの最初の要素でなければならず、これより前には文字を一切記述してはいけません。入れ子の文 でないとしても、条件付きグループ規則 では使えません。複数の @charset at-規則が定義されると、最初のものだけが使われます。HTML 要素の style 属性や、HTML ページの文字セットが関係している style 要素の中では使えません。
103 @counter-style At-rule, CSS, CSS Counter, CSS カウンター, Reference, counter
@counter-styleCSS@-規則で、スタイルにあらかじめ設定されたものではないカウンターのスタイルを定義することができます。 @counter-style 規則はカウンターの値をどのように文字列表現に変換するかを定義します。
104 additive-symbols @counter-style, CSS, CSS カウンタースタイル, CSS 記述子, リファレンス
additive-symbols 記述子で、カウンターの system 記述子が加算的 (additive) な場合の記号を指定することができます。 additive-symbols 記述子では加算的なタプルを、それぞれ記号と非負数の整数による重みの組で定義します。加算的なシステムは、ローマ数字のような sign-value numbering を構築するために使われます。
105 prefix @counter-style, CSS, CSS カウンタースタイル, CSS 記述子, リファレンス
@counter-style 規則の prefix 記述子は、マーカーに先立って表示される内容を指定します。指定されていない場合、既定値は "" (空文字列) になります。
106 @document @-規則, @document, CSS, Reference
@documentCSS@-規則で、文書の URL に基づいて、その中に含まれるスタイル規則を制約します。これは主にユーザー定義スタイルシート用に設計されていますが、独自定義スタイルシートにも使うことができます。
107 @font-face @-規則, @規則, CSS, CSS フォント, Reference, フォント, リファレンス
CSS@font-face @-規則は、テキストを表示するための独自フォントを指定します。フォントはリモートサーバーまたはユーザー自身のコンピューターにローカルにインストールされたフォントのどちらかから読み込むことができます。
108 font-display @font-face, CSS, CSS フォント, CSS 記述子, font-display, ウェブフォント, フォント, リファレンス
font-display 記述子は、フォントがダウンロード済みで利用できるかに基づいて、どのようにフォントの種類を表示するかを定めます。
109 font-family @font-face, At-rule descriptor, CSS, CSS Descriptor, CSS Fonts, Reference
font-family は CSS の記述子で、 @font-face 規則で指定されたフォントのフォントファミリーを指定することができます。
110 font-stretch @font-face, CSS, Reference, descripter, font-stretch, 記述子
font-stretch は CSS の記述子で、ウェブページ作成者が @font-face 規則で定義されているフォントが通常か、幅狭か、幅広かを指定できるようにします。
111 font-style @font-face, At-rule descriptor, CSS, CSS Descriptor, CSS Fonts, Reference
font-style は CSS の記述子で、 @font-face 規則の中で指定されたフォントのフォントスタイルを指定することができます。
112 font-variation-settings @font-face, CSS, CSS Descriptor, CSS Fonts, CSS 記述子, Reference
font-variation-settings は CSS の記述子で、 @font-face 規則の中で OpenType または TrueType の低レベルのフォントバリエーションを指定することができます。
113 font-weight @font-face, At-rule descriptor, CSS, Reference, descriptor, font-weight
font-weight は CSS の記述子で、 @font-face 規則で指定されたフォントの太さを指定することができます。別に font-weight プロパティを使用して、テキストを表示する文字の太さや細さを設定することができます。
114 src @font-face, At-rule descriptor, CSS, CSS Descriptor, CSS Fonts, CSS Property, Reference
src は CSS における @font-face 規則の 記述子で、フォントデータを含むリソースを指定します。 @font-face 規則を有効にするためには必要です。
115 unicode-range At-rule descriptor, CSS, CSS Fonts, CSS Property, Experimental, Layout, Reference, Web
unicode-range は CSS の記述子で、 @font-face で定義されたフォントから使用される特定の文字範囲を設定し、現在のページで使用できるようにします。ページがこの範囲内の文字を使用しない場合、フォントはダウンロードされません。少なくとも 1 つの文字を使用すると、フォント全体がダウンロードされます。
116 @font-feature-values At-rule, CSS, CSS Fonts, Reference
@font-feature-valuesCSSアット規則で、OpenType で有効化された特性が異なるものに対して font-variant-alternates プロパティで共通の名前を使用することができます。これは、複数のフォントを使用している場合に CSS を簡素化するのに役立ちます。
117 @import @-規則, CSS, CSS カスケードと継承, CSS 条件付き規則, メディアクエリ, リファレンス
CSS@import @-規則 は、他のスタイルシートから @charset を除いたスタイル規則をインポートするために使用します。これは入れ子になるステートメントではないので、 @import条件付き @-規則グループの中で使うことはできません。
118 @keyframes @-規則, CSS, CSS アニメーション, Reference, アニメーション
CSS の @keyframes @-規則は、アニメーションの流れに沿ったキーフレーム (または中間地点) のスタイルを定義することによって、一連の CSS アニメーションの中間ステップを制御します。
119 @media @-規則, @media, CSS, Reference, 条件付き
CSS@media @-規則は、一つまたは複数のメディアクエリの結果に基づいて、スタイルシートの一部を適用するために使用することができます。
120 -moz-device-pixel-ratio @media, CSS, Deprecated, Non-standard, media feature
-moz-device-pixel-ratio は Gecko 独自の CSS の Gecko のみのメディア特性で、 CSS ピクセルあたりのデバイスピクセル数に基づいてスタイルを適用することができます。
121 -ms-high-contrast @media, CSS, Microsoft 拡張, Reference, メディア特性, 標準外
CSS-ms-high-contrast メディア特性Microsoft 拡張で、アプリケーションが高コントラストモードで表示されているかどうか、どの配色で表示されているかを記述します。
122 -webkit-device-pixel-ratio @media, CSS, NeedsBrowserCompatibility, Non-standard, WebKit, media feature
CSS-webkit-device-pixel-ratio 標準外の真偽値メディア特性は、標準のresolutionメディア特性の代替です。
123 -webkit-transform-2d @media, CSS, WebKit 拡張, メディア特性, リファレンス, 標準外
CSS-webkit-transform-2d メディア特性Chrome 拡張で、真偽値型であり、ベンダー接頭辞付きの CSS 2D transform に対応していれば値が true になります。
124 -webkit-transform-3d @media, CSS, WebKit 拡張, メディア特性, リファレンス, 標準外
CSS-webkit-transform-3d メディア特性Chrome 拡張で、真偽値型であり、ベンダー接頭辞付きの CSS 3D transform に対応していれば値が true になります。
125 -webkit-transition @media, Blink, CSS, Deprecated, Non-standard, Reference, WebKit, WebKit 拡張, メディア特性
CSS-webkit-transition メディア特性Chrome 拡張で、真偽値型であり、閲覧コンテキストが CSS トランジションに対応していれば値が true になります。 WebKit または Blink 以外を使用したブラウザーでは対応していません。
126 any-hover @media, CSS, メディアクエリ, メディア特性, リファレンス
CSSany-hover メディア特性は、要素の上でホバーすることができる入力メカニズムが何らか利用できるかどうかをテストするために使用することができます。
127 any-pointer @media, CSS, メディアクエリ, メディア特性, リファレンス
CSSany-pointer メディア特性は、ユーザーが (マウスなどの) 何かのポインティングデバイスを持っているか、もしそうならば、どれだけの正確性を持っているかを調べるために使用することができます。
128 aspect-ratio @media, CSS, Reference, メディアクエリ, メディア特性
CSSaspect-ratio メディア特性は、viewportのアスペクト比を調べるために使用します。
129 aural CSS, リファレンス, 非推奨
CSSaural メディア種別は、音声出力の能力を持った機器に使用されます。
130 color-gamut @media, CSS, メディアクエリ, メディア特性, リファレンス
CSScolor-gamut メディア特性は、user agent及び出力機器が対応している色のおよその範囲を調べるために使用することができます。
131 color-index @media, CSS, メディアクエリ, メディア特性, リファレンス
color-indexCSSメディア特性で、出力端末の色参照テーブルの項目数を調べるために使用します。
132 color @media, CSS, Reference, メディアクエリ, メディア特性
CSScolor メディア特性は、出力機器の色成分 (赤, 緑, 青) 当たりのビット数を調べるために使用します。
133 device-aspect-ratio @media, CSS, ウェブ, メディアクエリ, メディア特性, リファレンス, 非推奨
CSSdevice-aspect-ratio メディア特性は、出力機器の幅対高さのアスペクト比を調べるために使用します。
134 device-height @media, CSS, Deprecated, Reference, メディアクエリ, メディア特性
CSSdevice-height メディア特性は、出力機器の描画面の高さを調べるために使用することができます。
135 device-width @media, CSS, メディアクエリ, メディア特性, リファレンス, 非推奨
CSSdevice-width メディア特性は、出力機器の描画面の幅を調べるために使用することができます。
136 display-mode @media, CSS, display, display-mode, ウェブアプリマニフェスト, メディア特性, リファレンス
CSSdisplay-mode メディア特性は、アプリケーションの表示モードに基づいて選択的に CSS を適用するために使います。これは、サイトを URL から起動した場合とデスクトップアイコンから実行した場合の使い勝手に一貫性を持たせるために使用することができます。
137 grid @media, CSS, grid, メディアクエリ, メディア特性, リファレンス
CSSgrid メディア特性は、出力機器がグリッドベースの画面を使用しているかどうかを調べるために使用します。
138 height @media, CSS, メディアクエリ, メディア特性, リファレンス
CSSheight メディア特性は、viewportの高さ (又はページ付きメディアのページボックスの高さ) に基づいてスタイルを適用するために使用することができます。
139 hover @media, CSS, メディアクエリ, メディア特性, リファレンス
CSShover メディア特性は、第一の入力機構が要素の上でホバーすることができるかどうかをテストするために使用することができます。
140 inverted-colors @media, CSS, メディアクエリ, メディア特性, リファレンス
inverted-colorsCSSメディア特性で、user agentまたはその下の OS が色を反転しているかどうかを調べるために使用することができます。
141 monochrome @media, CSS, メディアクエリ, メディア特性, リファレンス
CSSlight-level メディア特性は、出力機器のモノクロフレームバッファのピクセルあたりのビット数を調べるために使用することができます。
142 orientation @media, CSS, Reference, メディアクエリ, メディア特性
orientationCSSメディア特性で、viewport (またはページ付きメディアではページボックス) の向きを調べるために使用することができます。
143 overflow-block @media, CSS, メディアクエリ, メディア特性, リファレンス
CSSoverflow-block メディア特性は、初期包含ブロック (en-US)をブロック軸方向にあふれたコンテンツを機器がどのように扱うかを調べるために使用します。
144 overflow-inline @media, CSS, Media Queries, Reference, メディアクエリ, メディア特性, リファレンス
overflow-inlineCSSメディア特性で、初期包含ブロックをインライン軸方向にあふれたコンテンツを端末がどのように扱うかを調べるために使用します。
145 pointer @media, CSS, メディアクエリ, メディア特性, リファレンス
CSSpointer メディア特性は、ユーザーが(マウスなどの)ポインティングデバイスを持っているか、もしそうならば、主要なポインティングデバイスにどれだけの正確性があるかを調べます。
146 prefers-color-scheme @media, CSS, Reference, Web, prefers-color-scheme, ウェブ, メディア特性
prefers-color-schemeCSSメディア特性で、ユーザーがシステムに要求したカラーテーマが明色か暗色かを検出するために使用します。
147 prefers-contrast CSS, Reference, media feature, メディア特性
prefers-contrastCSSメディア特性で、ユーザーがウェブコンテンツをより高い (またはより低い) コントラストで表示するように要求したかどうかを検出するために使用します。
148 prefers-reduced-motion @media, CSS, Media Queries, Reference, media feature, メディアクエリ, メディア特性
prefers-reduced-motionCSSメディア特性で、ユーザーが余計な動きを最少化するよう要求したことを検出するために使用します。
149 resolution @media, CSS, Media Queries, Reference, media feature, メディアクエリ, メディア特性
resolutionCSSメディア特性で、出力端末のピクセル解像度をテストするために使用することができます。
150 scan @media, CSS, Media Queries, Reference, media feature, メディアクエリ, メディア特性
scanCSSメディア特性は、 (もしあれば) 出力端末で使用されているスキャン方式を調べるために使用することができます。ここで使われるスキャンという言葉は、写真をディジタル化するためのイメージスキャナを指すものではありません。そうではなく、テレビ画面 (またはその他の端末) に画像を描画するプロセスを意味します。
151 scripting @media, CSS, Media Queries, Reference, media feature, メディアクエリ, メディア特性
scriptingCSSメディア特性で、 (JavaScript などの) スクリプトが利用できるかどうかを調べるために使用することができます。
152 shape @-規則, @media, At-rule, CSS, Reference, メディア特性
shapeCSSメディア特性で、端末の形状が矩形であるか丸いディスプレイであるかを区別するために使用することができます。
153 update @media, CSS, メディアクエリ, メディア特性, リファレンス
scriptingCSSメディア特性で、出力端末がどれだけの頻度でコンテンツの表示を更新することができるかを調べるために使用することができます。
154 width @media, CSS, メディアクエリ, メディア特性, リファレンス
CSSwidth メディア特性は、viewportの幅 (又はページ付きメディアのページボックスの幅) をテストするために使用することができます。
155 @namespace @-規則, CSS, CSS 名前空間, Layout, Reference, Web, ウェブ, レイアウト
@namespace は、CSS スタイルシート で使用する XML 名前空間を定義する @-規則です。定義済みの名前空間は、全称要素型属性の各セレクターで、その名前空間内の要素だけを選択するために使用することができます。 @namespace 規則は通常、複数の名前空間を含む文書 (インラインで SVG や MathML を含む HTML5 文書や、複数のボキャブラリが混在する XML 文書など) を扱う際に役立ちます。
156 @page @page, At-rule, CSS, Layout, Reference, Web
@page は CSS のアット規則で、文書を印刷するときに一部の CSS プロパティを変更するために使用します。
157 bleed @page, CSS, CSS ページ化メディア, CSS 記述子, Experimental, Reference, bleed, ウェブ
CSSbleed @-規則記述子は、 @page @-規則で使用し、ページボックスの外にあるページの裁ち落とし領域の大きさを指定します。このプロパティは、 @page/marks プロパティを使用して裁ち落とし記号を有効にしている場合のみ効果があります。
158 marks @page, CSS, CSS ページ化メディア, CSS 記述子, Experimental, Reference, ウェブ, レイアウト
CSSmarks @-規則記述子は、 @page @-規則で使用し、文書の表現に対して裁ち落とし記号や十字記号を追加します。裁ち落とし記号はページを切断するべき場所を示します。十字記号はシートの配置のために使用します。
159 size @page, At-rule descriptor, CSS, CSS Descriptor, Experimental, NeedsBrowserCompatibility, Reference, Web
CSSsize アット規則記述子は、 @page アット規則で使用し、ページを表現するために使用するボックスの寸法と向きを定義します。多くの場合、この寸法は印刷ページの適用可能な対象の寸法に対応します。
160 @supports At-rule, CSS, Layout, Reference, Web, supports
@supportsCSSアット規則で、宣言をブラウザーが1つまたは複数の特定の CSS 機能に対応しているかによって、宣言を指定することができます。これは機能クエリと呼ばれます。規則はコードの最上位または他の条件付きグループアット規則の中に配置することができます。
161 @viewport @viewport, At-rule, CSS, Experimental, Layout, Mobile, Reference, Screen Layout, viewport
@viewportCSSアット規則で、文書を通して表示するためのviewportを構成することができます。第一にモバイル端末のために使用されますが、 (Microsoft Edge などの) "snap to edge" のような機能に対応するデスクトップブラウザーでも使用されます。
162 実効値 CSS, Guide, Reference, ガイド
CSS プロパティの実効値 (actual value) は、すべての必要な推定が適用された後の使用値 (used value) です。例えば、境界を整数値のピクセル幅でしか描けないuser agentは、境界の太さを近似値の整数に丸めるかもしれません。
163 隣接兄弟結合子 CSS, Reference, Selectors, セレクター
隣接兄弟結合子 (adjacent sibling combinator) (+) は2つのセレクターを接続し、同じ親elementの子同士であって、1つ目の要素の直後にある2つ目の要素を選択します。
164 align-content CSS, CSS フレックスボックス, CSS プロパティ, CSS ボックス配置, Reference, place-content
CSSalign-content プロパティは、フレックスボックスの交差軸またはグリッドのブロック軸方向の内部のアイテムの間または周囲の間隔の配分方法を設定します。
165 align-items CSS, CSS グリッドレイアウト, CSS フレックスボックス, CSS プロパティ, CSS ボックス配置, Reference
CSSalign-items プロパティは、すべての直接の子要素に集合として align-self の値を設定します。
166 align-self CSS, CSS フレックスボックス, CSS プロパティ, CSS ボックス配置, place-self, リファレンス
align-selfCSS のプロパティで、グリッドやフレックスのアイテムの align-items の値を上書きします。グリッドでは、アイテムはGrid Areas内に配置されます。フレックスボックスでは、アイテムはcross axis上に配置されます。
167 all CSS, CSS カスケードと継承, CSS プロパティ, Reference, all
CSSall 一括指定プロパティは、要素のすべてのプロパティを (unicode-bidi および direction を除いて) 初期化します。
168 <alpha-value> Alpha-value, CSS, CSS Data Type, CSS データ型, Data Type, Draft, Example, アルファ値, データ型
<alpha-value>CSSデータ型であり、 <number> または <percentage> によって色のalphaまたは透過性を表します。
169 代替スタイルシート CSS, Guide, HTML, NeedsCompatTable, NeedsUpdate, Reference, ガイド
ウェブページに代替スタイルシートを指定すると、ユーザーのニーズや設定に応じて複数のバージョンのページを見る方法を提供します。
170 <angle-percentage> CSS, CSS Data Type, Data Type, Reference, angle-percentage, units, values
<angle-percentage>CSSデータ型で、 angle または percentage が取りうる値を表します。
171 <angle> CSS, CSS Data Type, CSS データ型, CSS 値と単位, Layout, Reference, Web, ウェブ, レイアウト
CSS<angle> データ型は、度、グラード、ラジアン、回転の値で表される角度の値を表します。例えば、 <gradient> 関数や一部の transform 関数などで使われています。
172 animation-delay Animation, CSS, CSS アニメーション, CSS プロパティ, Reference, animation-delay
CSSanimation-delay プロパティは、アニメーションをいつ開始するかを指定します。アニメーションは未来のある時点から、直ちに最初から、または直ちにアニメーション周期の途中から始めることができます。
173 animation-direction CSS, CSS Animations, CSS Property, CSS アニメーション, CSS プロパティ, Reference
CSSanimation-direction プロパティは、アニメーション再生の向きを順方向、逆方向、前後反転のいずれにするかを設定します。
174 animation-duration Animation, CSS, CSS アニメーション, CSS プロパティ, Reference, animation-duration
animation-durationCSS のプロパティで、1回のアニメーション周期が完了するまでの所要時間を設定します。
175 animation-fill-mode CSS, CSS アニメーション, CSS プロパティ, リファレンス
CSSanimation-fill-mode プロパティは、 CSS アニメーションの実行の前後にどう対象にスタイルを適用するかを設定します。
176 animation-iteration-count CSS, CSS アニメーション, CSS プロパティ, CSS プロパティアニメーション, Reference
CSSanimation-iteration-count プロパティは、停止するまでにアニメーション周期が再生される回数を指定します。
177 animation-name CSS, CSS アニメーション, CSS プロパティ, Reference
CSSanimation-name プロパティは、要素に適用される1つまたは複数のアニメーションを設定します。それぞれの名前はアニメーションシーケンスのプロパティ値を定義する @keyframes @-規則を設定します。
178 animation-play-state CSS, CSS アニメーション, CSS プロパティ, Reference
CSSanimation-play-state プロパティは、アニメーションが実行中か停止中かを設定します。
179 animation-timing-function Animation, CSS, CSS アニメーション, CSS プロパティ, Reference, animation-timing-function
animation-timing-functionCSS のプロパティで、アニメーションがそれぞれの周期の中でどのように進行するかを設定します。
180 animation Animation, CSS, CSS アニメーション, CSS プロパティ, Reference, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function
CSSanimation 一括指定プロパティは、スタイル間のアニメーションを適用します。
181 appearance (-moz-appearance, -webkit-appearance) -moz-appearance, -webkit-appearance, CSS, CSS プロパティ, CSS 基本ユーザーインターフェイス, Reference, appearance
CSS の -moz-appearance プロパティは、 OS のテーマに基づいたプラットフォームネイティブのスタイル付けを使用して要素を表示するために、 Gecko (Firefox) によって使用されます。
182 @-規則 @-規則, @規則, CSS, CSS リファレンス, Reference, アット規則
@-規則CSS 文 の一つで、 CSS の振舞いを規定します。 @-規則は、アットマーク、 '@' (U+0040 COMMERCIAL AT) で始まり、それに続く識別子から、次のセミコロン、 ';' (U+003B SEMICOLON) もしくは次の CSS ブロックのどちらかが現れるまでの部分からなります。
183 attr() CSS, CSS 関数, Reference, Web, attr, レイアウト
attr()CSS の関数で、選択された要素の属性の値を受け取り、スタイルシートの中で使うために使用されます。擬似要素で使用することもでき、その場合は擬似要素を作る元になった要素の属性値が返されます。
184 属性セレクター CSS, CSS 3 属性セレクター, CSS 属性, Reference, セレクター, ノードの識別, ノードの選択, リファレンス, 属性, 属性セレクター, 要素の識別
CSS の属性セレクター (attribute selector) は、指定された属性が存在するかどうかや、その値に基づいて要素を選択します。
185 backdrop-filter CSS, CSS プロパティ, Graphics, Layout, Reference, SVG, SVG フィルター, Web, ウェブ, グラフィック, レイアウト
backdrop-filterCSS のプロパティで、要素の背後の領域に、ぼかしや色変化のようなグラフィック効果を適用することができます。要素の背後のすべてに適用されるため、効果を見るためには少なくとも一部が透明な要素またはその背景を作成する必要があります。
186 backface-visibility CSS, CSS Property, CSS Transforms, Reference, recipe:css-property
backface-visibilityCSS のプロパティで、要素がユーザーに対して裏側を向いたときに、裏面を可視にするかどうかを設定します。
187 background-attachment CSS, CSS Background, CSS Property, Reference, recipe:css-property
background-attachmentCSS のプロパティで、背景画像の位置をViewportの中で固定するか、包含ブロックと一緒にスクロールするかを設定します。
188 background-blend-mode CSS, CSS プロパティ, Reference, 合成と混合
CSSbackground-blend-mode プロパティは、要素の背景画像を互いに、または要素の背景色と、どのように混合するかを設定します。
189 background-clip CSS, CSS Background, CSS Property, Reference, recipe:css-property
background-clip は CSS のプロパティで、要素の背景を境界ボックス、パディングボックス、コンテンツボックスのどれまで拡張するかを設定します。
190 background-color CSS, CSS プロパティ, CSS 背景と境界, グラフィック, リファレンス, レイアウト
CSSbackground-color プロパティは、要素の背景色を設定します。
191 background-image Background, CSS, CSS Background, CSS Property, CSS プロパティ, CSS 背景と境界, Reference, background-image, recipe:css-property, リファレンス
background-imageCSS のプロパティで、要素に1つ以上の背景画像を設定します。
192 background-origin Background, CSS, CSS プロパティ, CSS 背景と境界, Reference, background-origin
CSSbackground-origin プロパティは、背景配置領域を設定します。言い換えれば、 background-image プロパティで指定された画像の原点の位置を設定します。
193 background-position-x CSS, CSS プロパティ, CSS 背景と境界, Experimental, Reference
CSSbackground-position-x プロパティは、各背景画像における水平の初期位置を設定します。位置は background-origin によって設定された位置レイヤーに対する相対位置です。
194 background-position-y CSS, CSS Property, CSS プロパティ, CSS 背景と境界, Experimental, Reference
background-position-yCSS のプロパティで、各背景画像における垂直の初期位置を設定します。位置は background-origin によって設定された位置レイヤーに対する相対位置です。
195 background-position CSS, CSS Background, CSS Property, Reference, recipe:css-property
background-positionCSS のプロパティで、それぞれの背景画像の初期位置を設定します。位置は background-origin で設定された位置レイヤーからの相対です。
196 background-repeat Background, CSS, CSS プロパティ, CSS 背景と境界, background-repeat, リファレンス
CSSbackground-repeat プロパティは、背景画像をどのように繰り返すかを設定します。背景画像は水平軸方向と垂直軸方向に繰り返したり、まったく繰り返さないようにしたりすることができます。
197 background-size Background, CSS, CSS プロパティ, CSS 背景と境界, Reference, background-size
background-sizeCSS のプロパティで、要素の背景画像の寸法を設定します。画像は自然な寸法になったり、引き伸ばされたり、利用可能な領域に収まるように縮小されたりします。
198 background CSS, CSS Background, CSS Property, Reference, recipe:css-shorthand-property
backgroundCSS一括指定プロパティで、色、画像、原点と寸法、反復方法など、背景に関するすべてのスタイルプロパティを一括で設定します。
199 <basic-shape> CSS, CSS シェイプ, CSS データ型, リファレンス
CSS<basic-shape> データ型は、 clip-path, shape-outside, offset-path の各プロパティで使用されるシェイプを表します。
200 <blend-mode> Blend modes, CSS, CSS Compositing, CSS Data Type, CSS データ型, CSS 合成, Compositing, Reference, ブレンドモード, 合成
<blend-mode>CSSデータ型で、要素が重なったときにどのように色が現れるかを記述します。 background-blend-mode または mix-blend-mode プロパティで使用されます。
201 block-size CSS, CSS Logical Property, CSS Property, Experimental, Reference, recipe:css-property
block-sizeCSS のプロパティで、書字方向に応じた要素ブロックの水平または垂直方向の寸法を定義します。これは width または height プロパティに相当し、 writing-mode の値によって変わります。
202 border-block-color CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference
border-block-end-colorCSS のプロパティで、要素の論理的なブロックの終端側の境界色を定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界色に対応付けられます。これは border-top-color および border-bottom-color、または border-right-color および border-left-color のどちらかに対応し、どちらに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
203 border-block-end-color CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-block, border-block-color, border-block-end, border-block-end-color
border-block-end-colorCSS のプロパティで、要素の論理的なブロックの終端側の境界色を定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界色に対応付けられます。これは border-top-colorborder-right-colorborder-bottom-color, border-left-color の何れかに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
204 border-block-end-style CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-block, border-block-end, border-block-end-style, border-block-style
border-block-end-styleCSS のプロパティで、要素の論理的なブロックの終端側の境界のスタイルを定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界のスタイルに対応付けられます。これは border-top-style, border-right-style, border-bottom-style, border-left-style の何れかに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
205 border-block-end-width CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-block, border-block-end, border-block-end-width, border-block-width
border-block-end-widthCSS のプロパティで、要素の論理的なブロックの終端側の境界の幅を定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界の幅に対応付けられます。これは border-top-width, border-right-width, border-bottom-width, border-left-width の何れかに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
206 border-block-end CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-block, border-block-end-color, border-block-end-style, border-block-end-width
border-block-endCSS のプロパティで、個々の論理的なブロック方向の末尾側境界のプロパティ値を、スタイルシート内の単一の場所で設定するための一括指定プロパティです。
207 border-block-start-color CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-block, border-block-color, border-block-start, border-block-start-color
border-block-start-colorCSS のプロパティで、要素の論理的なブロックの先頭側の境界色を定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界色に対応付けられます。これは border-top-colorborder-right-colorborder-bottom-color, border-left-color の何れかに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
208 border-block-start-style CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-block, border-block-start, border-block-start-style, border-block-style, 境界
border-block-start-styleCSS のプロパティで、要素の論理的なブロックの先頭側の境界のスタイルを定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界のスタイルに対応付けられます。これは border-top-styleborder-right-styleborder-bottom-style, border-left-style の何れかに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
209 border-block-start-width CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-block, border-block-start, border-block-start-width, border-block-width
border-block-start-widthCSS のプロパティで、要素の論理的なブロックの先頭側の境界の幅を定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界の幅に対応付けられます。これは border-top-widthborder-right-widthborder-bottom-width, border-left-width の何れかに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
210 border-block-start CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-block, border-block-start, border-block-start-color, border-block-start-style, border-block-start-width
border-block-startCSS のプロパティで、個々の論理的なブロック方向の先頭側境界のプロパティ値を、スタイルシート内の単一の場所で設定するための一括指定プロパティです。
211 border-block-style CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference
border-block-styleCSS のプロパティで、要素の論理的なブロック方向の境界のスタイルを定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界のスタイルに対応付けられます。これは border-top-styleborder-bottom-style、または border-right-styleborder-left-style のどちらかに対応し、どちらに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
212 border-block-width CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference
border-block-widthCSS のプロパティで、要素の論理的なブロック方向の境界の幅を定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界の幅に対応付けられます。これは border-top-widthborder-bottom-width、または border-left-widthborder-right-width のどちらかに対応し、どちらに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
213 border-block CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference
The border-blockCSS のプロパティで、論理的なブロック方向のそれぞれの境界プロパティをスタイルシートの1ヶ所で設定する一括指定プロパティです。
214 border-bottom-color CSS, CSS Borders, CSS Property, Reference, recipe:css-property
border-bottom-color は CSS のプロパティで、要素の下側の境界線の色を設定します。
215 border-bottom-left-radius CSS, CSS Borders, CSS Property, Reference, recipe:css-property
border-bottom-left-radiusCSS のプロパティで、角の曲率を定義する楕円の半径 (または半長軸と半短軸の半径) を指定することで、要素の左下の角を丸めます。
216 border-bottom-right-radius CSS, CSS Borders, CSS Property, Reference, recipe:css-property
border-bottom-right-radiusCSS のプロパティで、角の曲率を定義する楕円の半径 (または半長軸と半短軸の半径) を指定することで、要素の右下の角を丸めます。
217 border-bottom-style CSS, CSS プロパティ, CSS 背景と境界, border, border-bottom, border-style, リファレンス
border-bottom-styleCSS のプロパティで、要素の下側の境界 (border) における線の形状を設定します。
218 border-bottom-width CSS, CSS プロパティ, CSS 背景と境界, Reference, border, border-bottom, border-width
CSSborder-bottom-width プロパティは、ボックスの下の境界の幅を設定します。
219 border-bottom CSS, CSS Borders, CSS Property, Reference, recipe:css-shorthand-property
border-bottom一括指定CSS のプロパティで、要素の下側の境界のプロパティをすべて設定します。
220 border-collapse CSS, CSS Reference
CSSborder-collapse プロパティは、 table の中のセルが境界線を共有するか分離するかを設定します。
221 border-color CSS, CSS プロパティ, CSS 境界線, CSS 背景と境界, HTML 色, Reference, Styling HTML, border, border-color, 一括指定プロパティ, 色
border-color一括指定を行う CSS のプロパティで、要素の境界の色を設定します。
222 border-end-end-radius CSS, CSS Logical Property, CSS Property, Experimental, Reference, border-end-end-radius, recipe:css-property, writing modes
border-end-end-radiusCSS のプロパティで、要素の論理的な境界の半径を定義します。これは要素の writing-mode, direction, text-orientation に応じて、物理的な境界の半径に対応付けられます。これはテキストの方向書字方向に依存せずにスタイルを構築する際に便利です。
223 border-end-start-radius CSS, CSS Logical Property, CSS Property, Experimental, Reference, border-end-start-radius, recipe:css-property, writing modes
border-end-start-radiusCSS のプロパティで、要素の論理的な境界の半径を定義します。これは要素の writing-mode, direction, text-orientation に応じて、物理的な境界の半径に対応付けられます。これはテキストの方向書字方向に依存せずにスタイルを構築する際に便利です。
224 border-image-outset CSS, CSS プロパティ, CSS 背景と境界, Reference, border-image
border-image-outsetCSS のプロパティで、要素の境界画像が境界ボックスからはみ出す幅を設定します。
225 border-image-repeat CSS, CSS プロパティ, CSS 背景と境界, border-image, リファレンス
CSSborder-image-repeat プロパティは、元画像の辺の領域を、どうやって要素の境界画像に合うように合わせるかを定義します。
226 border-image-slice CSS, CSS プロパティ, CSS 背景と境界, border-image, border-image-slice, リファレンス
CSSborder-image-slice プロパティは border-image-source で指定された画像を複数の領域に分割します。これらの領域は境界画像の部品を構成します。
227 border-image-source CSS, CSS Borders, CSS Property, CSS プロパティ, CSS 背景と境界, Reference, recipe:css-property
border-image-sourceCSS のプロパティで、要素の境界画像に使われる元の画像を設定します。
228 border-image-width CSS, CSS プロパティ, CSS 背景と境界, Reference, border-image
border-image-widthCSS のプロパティで、要素の境界画像の幅を設定します。
229 border-image CSS, CSS プロパティ, CSS 背景と境界, Reference, border-image, border-image-slice, border-image-source
border-imageCSS のプロパティで、指定された要素の周りに画像を描きます。これは要素の通常の境界を置き換えます。
230 border-inline-color CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference
border-inline-start-colorCSS のプロパティで、要素の論理的なインライン方向の先頭側の境界色を定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界色に対応付けられます。これは border-top-color および border-bottom-color、または border-right-color および border-left-color のどちらかに対応し、どちらに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
231 border-inline-end-color CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-inline, border-inline-color, border-inline-end, border-inline-end-color
border-inline-end-colorCSS のプロパティで、要素の論理的なブロックの終端側の境界色を定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界色に対応付けられます。これは border-top-color, border-right-color, border-bottom-color, border-left-color の何れかに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
232 border-inline-end-style CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-inline, border-inline-end, border-inline-end-style, border-inline-style
border-inline-end-styleCSS のプロパティで、要素の論理的なインライン方向の終端側の境界のスタイルを定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界のスタイルに対応付けられます。これは border-top-style, border-right-style, border-bottom-style, border-left-style の何れかに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
233 border-inline-end-width CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-inline, border-inline-end, border-inline-end-width, border-inline-width
border-inline-end-widthCSS のプロパティで、要素の論理的なインライン方向の終端側の境界の幅を定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界の幅に対応付けられます。これは border-top-width, border-right-width, border-bottom-width, border-left-width の何れかに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
234 border-inline-end CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-inline, border-inline-end, border-inline-end-color, border-inline-end-style, border-inline-end-width
border-inline-endCSS のプロパティで、個々の論理的なインライン方向の末尾側境界のプロパティ値を、スタイルシート内の単一の場所で設定するための一括指定プロパティです。
235 border-inline-start-color CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-inline, border-inline-color, border-inline-start, border-inline-start-color
border-inline-start-colorCSS のプロパティで、要素の論理的なインライン方向の先頭側の境界色を定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界色に対応付けられます。これは border-top-color, border-right-color, border-bottom-color, border-left-color の何れかに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
236 border-inline-start-style CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-inline, border-inline-start, border-inline-start-style, border-inline-style
border-inline-start-styleCSS のプロパティで、要素の論理的なブロックの先頭側の境界のスタイルを定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界のスタイルに対応付けられます。これは border-top-style, border-right-style, border-bottom-style, border-left-style の何れかに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
237 border-inline-start-width CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-inline, border-inline-start, border-inline-start-width, border-inline-width
border-inline-start-widthCSS のプロパティで、要素の論理的なインライン方向の先頭側の境界の幅を定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界の幅に対応付けられます。これは border-top-width, border-right-width, border-bottom-width, border-left-width の何れかに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
238 border-inline-start CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, border-inline, border-inline-start, border-inline-start-color, border-inline-start-style, border-inline-start-width
border-inline-startCSS のプロパティで、個々の論理的なインライン方向の先頭側境界のプロパティ値を、スタイルシート内の単一の場所で設定するための一括指定プロパティです。
239 border-inline-style CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference
border-inline-styleCSS のプロパティで、要素の論理的なインライン方向の境界のスタイルを、要素の書字方向やテキストの向きに応じて物理的な境界のスタイルに割り当てて定義します。これは border-top-style および border-bottom-style、または border-left-style および border-right-style プロパティに、 writing-mode, direction, text-orientation で定義された値に応じて対応します。
240 border-inline-width CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference
border-inline-widthCSS のプロパティで、要素の論理的なインライン方向の境界の幅を定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界の幅に対応付けられます。これは border-top-widthborder-bottom-width、または border-left-widthborder-right-width の組み合わせのどちらか対応し、どちらに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
241 border-inline CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-inlineCSS のプロパティで、論理的なインライン方向のそれぞれの境界プロパティをスタイルシートの1ヶ所で設定する一括指定プロパティです。
242 border-left-color CSS, CSS プロパティ, CSS 背景と境界, Reference, border, border-color, border-left
border-left-color は CSS のプロパティで、要素の左側の境界線の色を設定します。
243 border-left-style CSS, CSS プロパティ, CSS 背景と境界, Reference, border, border-left, border-style
CSSborder-left-style プロパティは、要素の左側の border における線の形状を設定します。
244 border-left-width CSS, CSS プロパティ, CSS 背景と境界, Reference, border, border-left, border-width
border-left-widthCSS のプロパティで、要素の左側の境界の幅を設定します。
245 border-left CSS, CSS Borders, CSS Property, Reference, recipe:css-shorthand-property
border-left一括指定CSS のプロパティで、要素の左側の境界のプロパティをすべて設定します。
246 border-radius CSS, CSS プロパティ, CSS 背景と境界, Reference, border-radius
border-radiusCSS の プロパティで、要素の境界の外側の角を丸めます。1つの半径を設定すると円の角になり、2つの半径を設定すると楕円の角になります。
247 border-right-color CSS, CSS Borders, CSS Property, Reference, recipe:css-property
border-right-color は CSS のプロパティで、要素の右側の境界線の色を設定します。
248 border-right-style CSS, CSS プロパティ, CSS 背景と境界, Reference, border, border-right, border-style
border-right-styleCSS のプロパティで、要素の右側の境界 (border) における線の形状を設定します。
249 border-right-width CSS, CSS プロパティ, CSS 背景と境界, Reference, border, border-right, border-width
CSSborder-right-width プロパティは、要素の右側の境界の幅を設定します。
250 border-right CSS, CSS Borders, CSS Property, Reference, recipe:css-shorthand-property
border-right一括指定CSS のプロパティで、要素の右側の境界のプロパティをすべて設定します。
251 border-spacing CSS, CSS テーブル, CSS プロパティ, CSS 表, Reference, リファレンス
CSS の border-spacing プロパティは、 table における隣り合うセルの枠線同士の間隔を定めます。このプロパティは border-collapseseparate のときのみ適用されます。
252 border-start-end-radius CSS, CSS Logical Property, CSS Property, Experimental, Reference, border-start-end-radius, recipe:css-property, writing modes
border-start-end-radiusCSS のプロパティで、要素の論理的な境界の半径を定義します。これは要素の writing-mode, direction, text-orientation に応じて、物理的な境界の半径に対応付けられます。これはテキストの方向書字方向に依存せずにスタイルを構築する際に便利です。
253 border-start-start-radius CSS, CSS Logical Property, CSS Property, Experimental, Reference, border-start-start-radius, recipe:css-property, writing modes
border-start-start-radiusCSS のプロパティで、要素の論理的な境界の半径を定義します。これは要素の writing-mode, direction, text-orientation に応じて、物理的な境界の半径に対応付けられます。これはテキストの方向書字方向に依存せずにスタイルを構築する際に便利です。
254 border-style CSS, CSS プロパティ, CSS 背景と境界, Reference, Web, border, border-style, 一括指定プロパティ
border-style一括指定CSS プロパティで、要素の境界線の4辺すべての線のスタイルを設定します。
255 border-top-color CSS, CSS Borders, CSS Property, Reference, recipe:css-property
border-top-color は CSS のプロパティで、要素の上側の境界線の色を設定します。
256 border-top-left-radius CSS, CSS プロパティ, CSS 背景と境界, border-radius, リファレンス
CSS の border-top-left-radius プロパティは、要素の左上の角を丸めます。
257 border-top-right-radius CSS, CSS プロパティ, CSS 背景と境界, border-radius, リファレンス
CSS の border-top-right-radius プロパティは、要素の右上の角を丸めます。
258 border-top-style CSS, CSS プロパティ, CSS 背景と境界, Reference, border, border-style, border-top
border-top-styleCSS のプロパティで、要素の上側の境界 (border) における線の形状を設定します。
259 border-top-width CSS, CSS プロパティ, CSS 背景と境界, Reference, border, border-top, border-width
CSSborder-top-width プロパティは、要素の上側の境界の幅を設定します。
260 border-top CSS, CSS Borders, CSS Property, Reference, recipe:css-shorthand-property
border-top一括指定CSS のプロパティで、要素の上側の境界のプロパティをすべて設定します。
261 border-width CSS, CSS プロパティ, CSS 背景と境界, Reference, border, border-width, リファレンス
CSSborder-width プロパティは、要素の境界線の四辺すべての線の幅を設定する一括指定プロパティです。
262 border CSS, CSS Borders, CSS Shorthand property, Layout, Reference, recipe:css-shorthand-property
borderCSS一括指定プロパティで、要素の境界を設定します。
263 bottom CSS, CSS プロパティ, CSS 位置指定レイアウト, Reference
bottomCSS のプロパティで、位置指定要素 (positioned elements) の垂直位置の設定に関与します。位置指定されていない要素には効果はありません。
264 box-align CSS, CSS プロパティ, Non-standard, Reference
box-align は、交差軸方向に子要素をどう整列させるかを定義するCSSプロパティです。ボックス内に余分なスペースがある場合にかぎり、その効果を確認することができます。
265 box-decoration-break CSS, CSS プロパティ, CSS 断片化, Experimental, Reference
CSSbox-decoration-break プロパティは、要素の断片が複数の行、段、ページに渡る場合に描画する方法を指定します。
266 box-direction CSS, Non-standard, Reference, box-direction
これはもともと CSS Flexible Box Layout Module の草稿のプロパティでしたが、より新しい標準に置き換えられました。以前の標準であった box-directionflex-direction に置き換えられたので、 -moz-box-direction は XUL でのみ使用されます。現在の標準についての情報はフレックスボックスを参照してください。
267 box-flex-group CSS, CSS Property, Non-standard, Reference, recipe:css-property
box-flex-groupCSS のプロパティで、フレックスボックスの子要素をフレックスグループに割り当てます。
268 box-flex CSS, CSS プロパティ, Non-standard, Reference, box-flex
CSS-moz-box-flex および -webkit-box-flex プロパティは、 -moz-box または -webkit-box が、これを内包するボックスを、包含ボックスのレイアウトの方向で埋めるまで拡張する方法を指定します。
269 box-lines CSS, CSS プロパティ, Non-standard, Reference, 標準外
CSSbox-lines プロパティは、ボックスの配置行 (水平方向のボックスでは行、垂直方向のボックスでは列) が単一なのか複数なのかを指定します。
270 box-ordinal-group CSS, CSS Property, Non-standard, Reference, recipe:css-property
box-ordinal-groupCSS のプロパティで、フレックスボックスの子要素を順序付きグループに割り当てます。
271 box-orient CSS, Non-standard, Reference
これはもともと CSS Flexible Box Layout Module の草稿でしたが、より新しい標準に置き換えられました。現在の標準についての情報はフレックスボックスを参照してください。
272 box-pack CSS, CSS プロパティ, Non-standard, Reference, box-pack
CSS-moz-box-pack および -webkit-box-pack プロパティは、 -moz-box または -webkit-box がどのようにレイアウトの方向に内容をまとめるかを指定します。この効果はボックス内に余白がある場合のみ見ることができます。
273 box-shadow CSS, CSS Backgrounds and Borders, CSS Property, CSS Styles, CSS スタイル, CSS プロパティ, CSS 背景と境界, HTML Colors, Reference, Shadows, Styles, Styling HTML, box-shadow, recipe:css-property, 影
box-shadowCSS のプロパティで、要素のフレームの周囲にシャドウ効果を追加します。カンマで区切ることで、複数の効果を設定することができます。
274 box-sizing Boxes, CSS, CSS Box Model, CSS Property, CSS プロパティ, CSS ボックスモデル, Reference, border-box, box model, box-sizing, content-box, height, size, width
CSSbox-sizing プロパティは、要素の全体の幅と高さをどのように計算するのかを設定します。
275 break-after CSS, CSS Fragmentation, CSS Multi-column Layout, CSS Property, NeedsExample, Reference, recipe:css-property
break-afterCSS のプロパティで、生成されたボックスの後で、ページ、段、領域をどのように区切るかを設定します。ボックスが生成されない場合は、このプロパティは無視されます。
276 break-before CSS, CSS プロパティ, CSS 断片化, CSS 段組みレイアウト, Reference
CSSbreak-before プロパティは、生成されたボックスの前で、ページ、段、領域をどのように区切るかを設定します。ボックスが生成されない場合は、このプロパティは無視されます。
277 break-inside CSS, CSS Fragmentation, CSS Multi-column Layout, CSS Property, NeedsExample, Reference, recipe:css-property
break-insideCSS のプロパティで、生成されたボックスの途中で、ページ、段、領域をどのように区切るかを設定します。ボックスが生成されない場合は、このプロパティは無視されます。
278 calc() CSS, CSS 値と単位, CSS 関数, calc, ウェブ, リファレンス, レイアウト
CSScalc() 関数は、 CSS のプロパティ値を指定する際に計算を行うことができるものです。 <length>, <frequency>, <angle>, <time>, <percentage>, <number>, <integer> が利用できる場所ならば使用できます。
279 caption-side CSS, CSS Property, CSS Tables, Reference
caption-side は、表 (table) の caption の配置位置を指定する CSS プロパティです。
280 caret-color CSS, CSS プロパティ, CSS 基本ユーザーインターフェイス, HTML 整形, HTML 色, Reference, contenteditable, テキスト編集, 入力, 編集
CSS の caret-color プロパティは、 input または contenteditable 属性のついた要素などの中ので、次に入力された文字が挿入される位置を示す視覚的なマーカーである入力キャレットの色を設定します。
281 CSS カスケード入門 CSS, CSS カスケードと継承, Reference, カスケード, ガイド, スタイル, スタイルシート, レイアウト
この記事では、カスケードとは何か、 CSS 宣言をカスケードする順番、そしてウェブ開発者にどのように影響するかを説明します。
282 子結合子 CSS, Reference, Selector, Selectors
子結合子 (child combinator) (>) は2つの CSS セレクターの間に配置されます。2つ目のセレクターが1つ目のセレクターの直接の子要素の場合にのみマッチします。
283 clamp() CSS, CSS Function, CSS 関数, Calculate, Compute, Function, Layout, Reference, Web, clamp, ウェブ, レイアウト, 計算, 関数
clamp()CSS の関数で、値を上限と下限の間に制限します。 clamp() によって、定義された最大値と最小値の間の値を選択することができます。最小値、推奨値、最大値の3つの引数を取ります。 clamp() 関数は <length>, <frequency>, <angle>, <time>, <percentage>, <number>, <integer> のいずれでも使用することができます。
284 クラスセレクター CSS, Reference, セレクター
CSSクラスセレクター (class selector) は、 class 属性の内容に基づいて要素を選択します。
285 clear CSS, CSS プロパティ, CSS 位置指定レイアウト, Reference
CSSclear プロパティは、要素が先行する浮動要素の下に移動 (clear) する必要があるかどうかを設定します。 clear プロパティは、浮動要素と非浮動要素のどちらにも適用されます。
286 clip-path CSS, CSS Masking, CSS Property, Experimental, Reference, Web, recipe:css-property
clip-pathCSS のプロパティで、要素のどの部分を表示するかを設定するクリッピング領域を作ります。具体的には、領域の内部の部分は表示され、外側の部分は非表示になります。
287 clip CSS, CSS Reference
clipCSS のプロパティで、要素のどの部分が可視であるかを定義します。 clip プロパティは絶対配置された要素、つまり position または position を持つ要素だけに適用されます。
288 <color> CSS, CSS データ型, Reference, Web, hsl, hsla, rgb, rgba, レイアウト, 単位, 色
<color>CSSデータ型で、 sRGB 色空間にある一つの色を表します。 <color>アルファチャネル透過値を含むこともでき、背景とどのように合成するかを示すこともできます。
289 color-adjust Adjusting Colors, CSS, CSS Colors, CSS Property, HTML Colors, HTML Styles, Layout, Non-standard, Reference, Styling HTML, Styling text, Web, color-adjust, recipe:css-property
color-adjust は CSS のプロパティで、user agentが出力端末への要素の表示方法を最適化するために何をするかをウェブ作者が制御することができるものです。
290 color CSS, CSS Property, CSS テキスト, CSS プロパティ, CSS 色, HTML 整形, Layout, Reference, Web
CSS の color プロパティは、要素のテキストやテキスト装飾における前景色の色の値を設定し、 currentcolor の値を設定します。
291 列結合子 CSS, Experimental, Reference, Selectors, セレクター, 表
列結合子 (column combinator) (||) は、二つの CSS セレクターの間に配置されます。前者のセレクターに一致する列要素に所属する、後者のセレクターに一致する要素に一致します。
292 column-count CSS, CSS プロパティ, CSS 段組みレイアウト, リファレンス, 段組み
CSScolumn-count プロパティは、指定された段数で要素のコンテンツを分割します。
293 column-fill CSS, CSS Multi-column Layout, CSS Property, Reference, recipe:css-property
column-fillCSS のプロパティで、段組みレイアウトで要素のコンテンツが複数の段に分割されるとき、どのようにバランスを取るのかを制御します。
294 column-gap (grid-column-gap) CSS, CSS グリッドレイアウト, CSS フレックスボックス, CSS プロパティ, CSS ボックス配置, CSS 段組みレイアウト, Reference, column-gap, recipe:css-property
column-gapCSS のプロパティで、要素の段または列の間の隙間 (Gutters) の寸法を設定します。
295 column-rule-color CSS, CSS プロパティ, CSS 段組みレイアウト, HTML 色, Reference, 段組み
column-rule-colorCSS のプロパティで、段組みレイアウトで段間に引かれる線の色を設定します。
296 column-rule-style CSS, CSS プロパティ, CSS 段組みレイアウト, Reference, 段組み
CSScolumn-rule-style プロパティは、段組みレイアウトで段の間に引かれる線 (段間罫) のスタイルを設定します。
297 column-rule-width CSS, CSS Property, CSS プロパティ, CSS 段組みレイアウト, Reference, 段組み
column-rule-widthCSS のプロパティで、段組みレイアウトで段間に引かれる線の太さを設定します。
298 column-rule CSS, CSS Property, CSS プロパティ, CSS 段組みレイアウト, column-rule, column-rule-color, column-rule-style, column-rule-width, リファレンス, 一括指定プロパティ, 段組み
column-rule一括指定を行う CSS のプロパティで、段組みレイアウトで段間に引かれる線の太さ、スタイル、色を設定します。
299 column-span CSS, CSS Multi-column Layout, CSS Property, Reference, recipe:css-property
column-spanCSS のプロパティで、値に all を設定した場合、段組みレイアウトで要素をすべての段にまたがらせることができます。
300 column-width CSS, CSS Property, CSS プロパティ, CSS 段組みレイアウト, リファレンス, 段組み
column-widthCSS のプロパティで、段組みレイアウトで理想的な段の幅を設定します。
301 columns CSS, CSS Property, CSS 段組みレイアウト, Reference, 一括指定プロパティ, 段組み
CSScolumns プロパティは、段組みされた要素の段の幅や段数を設定します。
302 コメント CSS, CSS 構文と基本データ型, Reference
CSS のコメントは、説明的なメモをコードに追加したり、スタイルシートの特定の部分をブラウザーに解釈させないようにしたりするために使用します。設計上、コメントは文書のレイアウトにおいて効果を持ちません。
303 合成と混合 CSS, リファレンス, 合成と混合, 概要
合成と混合 (Compositing and Blending) は CSS モジュールの一つで、様々な要素のシェイプを単一の画像に合成する方法を定義します。
304 計算値 CSS, Guide, Reference, リファレンス
CSS の プロパティの計算値 (computed value) は、継承の過程で親から子へ伝えられる値です。
305 conic-gradient() CSS, CSS 画像, CSS 関数, Reference, ウェブ, グラデーション, グラフィック, レイアウト
conic-gradient()CSS の関数で、 (中心から広がるのではなく) 中心点の周りを回りながら色が変化する放射グラデーションから成る画像を生成します。扇型グラデーションの例としては、円グラフや色相環などがあります。 conic-gradient() 関数の結果は <gradient> データ型のオブジェクトであり、これは <image> の特殊型です。
306 contain-intrinsic-size
contains-intrinsic-size CSSプロパティは、content-visibilityで指定された要素の自然なサイズを制御します。
307 contain CSS, CSS Containment, CSS Property, Layout, NeedsExample, Paint, Reference, Style, Web, recipe:css-property
containCSS のプロパティで、ある要素とその内容が、できる限り多く、文書ツリーの他の部分から独立していることを示します。これによってブラウザーがレイアウト、スタイル、描画、寸法、およびその組み合わせの再計算を、ページ全体ではなく DOM の限られた領域に対して行うことで、性能上の明らかな利点をもたらします。
308 レイアウトと包含ブロック CSS, CSS Position, Containers, Guide, Layout, Position, Style, blocks, containing block, size
この記事では、要素の包含ブロックが決まる要因を学びます。
309 content-visibility
content-visibility CSSプロパティは、要素がそのコンテンツをレンダリングするかどうかを制御するとともに、強力な包含セットを強制することで、ユーザーエージェントが必要になるまで大量のレイアウトとレンダリング作業を省略できるようにします。基本的に、ユーザーエージェントは、レイアウトやペイントなどの要素のレンダリング作業を必要になるまでスキップできるため、最初のページの読み込みがはるかに高速になります。
310 content CSS, CSS プロパティ, CSS 生成コンテンツ, Reference
CSScontent プロパティは、要素を生成された値で置き換えます。 content プロパティを使用して挿入されたオブジェクトは、無名の置換要素になります。
311 counter-increment CSS, CSS Counter, CSS Lists, CSS Property, Reference, recipe:css-property
CSScounter-increment プロパティは、指定された値によって CSS カウンターの値を増加又は減少させるためのプロパティです。
312 counter-reset CSS, CSS プロパティ, CSS リスト, リファレンス
CSScounter-reset プロパティは、 CSS カウンターを、与えられた値に初期化します。
313 counter-set CSS, CSS Counter, CSS Lists, CSS Property
CSS属性counter-setは,CSS計数を指定した値に設定します。当属性は存在する計数を操作し,新しい計数を作成するのは指定された名前の計数が要素に未だ存在しない場合のみです。
314 counter() CSS, CSS Counter, CSS Function, Function, Reference
counter()CSS の関数で、指定された名前付きカウンターの現在値があれば、その文字列を返します。擬似要素において用いるのが多いものの、理論的には<string>に対応するすべての箇所で用いることができます。
315 counters() CSS, CSS Counter, CSS Function, Function, Reference
counter()CSS の関数で、階層的なカウンターを利用できるようにし、指定された名前付きカウンターがあれば、その現在値を表す連結された文字列を返します。 counters() 関数には counters(name, string)counters(name, string, style) の二つの形式があります。一般的には擬似要素と一緒に使用されますが、理論的には <string> 値に対応している場所ならばどこでも使用できます。生成されるテキストは、指定された名前を持つすべてのカウンターの値で、指定された文字列で区切られた一番外側から一番内側までの値です。カウンターは、指定されたスタイルで表示され、スタイルが指定されていない場合は既定で decimal で表示されます。
316 cross-fade() CSS, CSS Function, CSS-4 Images, Experimental, Function, Reference, Web
CSS の cross-fade() 関数は、2枚以上の画像を所定の透過度で合成するために使用することができます。
317 アニメーション可能な CSS プロパティ CSS, CSS Animations, CSS Transitions, CSS アニメーション, CSS トランジション, Guide, Reference, ガイド
CSS アニメーションまたは CSS トランジションを使用すると、特定の CSS プロパティをアニメーションさせることができますアニメーションとは、それらの値を所定の時間をかけて徐々に変化させることができることを意味します。
318 CSS アニメーション CSS, CSS アニメーション, Overview, Reference
CSS アニメーション (CSS Animations) は CSS のモジュールの一つで、時間の経過とキーフレームによって CSS プロパティの値を動かすことができます。キーフレームアニメーションの動作は、タイミング関数、時間、繰り返し回数、その他の属性によって制御されます。
319 CSS アニメーション対応の検出 Advanced, CSS, CSS アニメーション, Guide, JavaScript, Junk, Reference
CSS アニメーションでは CSS だけを使用してコンテンツの創造的なアニメーションを行うことができます。しかし、この機能が利用できないことがよくあり、この場合には同様の効果を JavaScript コードで実現したいと思うかもしれません。この記事では、このブログ投稿 (Chris Heilmann 著) に基づいて、これを行うためのテクニックを紹介します。
320 CSS アニメーションのヒントとコツ CSS, CSS Animations, Example, Guide, Reference
CSS アニメーションはドキュメントとアプリを構成する要素を使って驚くべき事を行うことを可能にします。 しかしながら、行いたくても理解しやすくないことがあったり、すぐに思いつかないであろう巧妙な方法があります。 この記事は停止したアニメーションをどのように再び実行するのかを含む、あなたの仕事を楽にするかもしれない私達が見つけた秘訣やトリックを集めたものになります。
321 CSS アニメーションの使用 Advanced, CSS, CSS Animations, Example, Guide
CSS アニメーションは、ある CSS のスタイル設定を別の設定へ遷移させることを可能にします。
322 CSS 背景と境界 CSS, CSS 背景と境界, Reference, 概要
CSS 背景と境界モジュールでスタイル付けをすると、背景を色や画像で埋めたり (クリッピングや寸法の変更も) 他の加工を行ったりすることができます。これらのスタイルでは、境界を線や画像で装飾したり、四角くしたり丸くしたりすることもできます。(さらに、要素ボックスに影をつけて装飾することもできます)。
323 背景画像の拡大縮小 CSS, CSS Background, Example, Guide, Intermediate, Reference, Scale, Scaling, Web, dimensions, height, resize, width
background-size は CSS のプロパティで、要素の背景画像の大きさを変更し、画像の幅や高さから見た完全な大きさの画像をタイル表示するという既定の動作を変更することができます。
324 複数の背景画像の利用 CSS, CSS Background, Example, Guide, Reference
複数の背景画像を要素に適用できます。これらは、最初に記述した背景が一番上になり、後に記述した背景がその下になるように重ね合わされます。
325 CSS 基本ユーザーインターフェイス CSS, CSS 基本ユーザーインターフェイス, Reference, 概要
CSS 基本ユーザーインターフェイス (CSS Basic User Interface) は CSS のモジュールの一つで、ユーザーインターフェイスに関する表示や機能を定義します。
326 cursor プロパティでの URL 値の使用 CSS, Gecko, Guide, NeedsUpdate, Reference
Gecko 1.8 は CSS のcursor プロパティで、 URL の値を Windows と Linux で対応しています。 Mac の対応は Gecko 2 (Firefox 4) で追加されました。これによって任意の画像を、 Gecko が対応している画像形式ならば何でも、マウスカーソルとして指定することができます。
327 CSS ボックス配置 CSS, CSS ボックス配置, alignment, box alignment, グリッドレイアウト, フレックスボックス, 段組みレイアウト
CSS ボックス配置 (CSS Box Alignment) モジュールは、ブロックレイアウト、表レイアウト、フレックスレイアウト、グリッドレイアウトなどの様々な CSS ボックスレイアウトにおける、ボックスの配置に関する機能を定義します。このモジュールは CSS 全体において一貫性のある配置方法を作成することを目指しています。この文書はこの仕様書にある全般的な概念を解説します。
328 ブロック、絶対配置、表レイアウトのブロック配置 CSS, ブロックレイアウト, ボックス配置, 絶対配置, 表
ボックス配置仕様書は、様々なレイアウト方法でどのように配置が動作するかを詳説しています。このページでは、ボックス配置は浮動、位置指定、表要素を含むボックスレイアウトのレイアウトでどのように動作するかを明らかにします。このページはブロックレイアウトとボックス配置に固有のことを詳説するため、様々なレイアウト方法に共通のボックス配置の共通機能について説明している、中心となるボックス配置ページを併せて読んでください。
329 フレックスボックスでのボックス配置 CSS, CSS ボックス配置, フレックスボックス
ボックス配置の仕様書は、さまざまなレイアウト方法で配置がどのように働くかを詳述しています。このページでは、フレックスボックスのコンテキストにおいてボックス配置がどのように働くかを探ります。このページの目的は、フレックスボックスとボックス配置として定められた事柄を詳述するためのものですので、ボックス配置の様々なレイアウト方法の間で共通の機能について詳述した、主となるボックス配置ページを合わせてお読みください。
330 段組みレイアウトでのボックス配置 CSS, CSS ボックス配置, CSS 段組みレイアウト, 段組み
ボックス配置仕様書では、様々なレイアウト方法でどのように配置が動作するかを詳説しています。このページでは、段組みレイアウトのコンテキストでボックス配置がどのように動作するかを探ります。このページとしての目的は、段組みレイアウトとボックス配置に特有のことを探ることですので、レイアウト方法をまたがるボックス配置の共通の機能の詳細を詳説している、中心となるボックス配置ページと併せて読んでください。
331 CSS 基本ボックスモデル CSS, CSS Box Model, CSS 基本ボックスモデル, Overview, Reference
CSS 基本ボックスモデルは CSS のモジュールの1つで、要素に対して作成され、パディングやマージンを含む長方形のボックス定義します。視覚整形モデルによって配置されます。
332 CSS 基本ボックスモデル入門 CSS, CSS Box Model, CSS 基本ボックスモデル, Guide, Reference
ブラウザーのレンダリングエンジンは文書をレイアウトする際に、それぞれの要素を標準的な CSS ボックスモデルに基づいた長方形のボックスとして表現します。 CSS はこれらのボックスの寸法、位置、プロパティ(色、背景、境界線の太さなど)を決定します。
333 マージンの相殺 CSS, CSS Box Model, CSS ボックスモデル, Guide, Reference
ブロックの先頭末尾のマージンは、それぞれのマージンの最も大きい寸法 (または等しい場合はいずれか1つ) の単一のマージンに結合される (折り畳まれる (collapsed)) ことがあり、マージンの相殺という動作として知られています。なお、浮動要素と絶対位置指定要素では折り畳まれません。
334 CSS 文字セット CSS, CSS 文字セット, CSS 構文, Reference, 概要
CSS 文字セット (CSS Charsets) は CSS のモジュールの一つで、スタイルシート内で使用される文字セットを指定します。
335 CSS 色 CSS, CSS 色, HTML 色, Reference, スタイル, 概要, 色
CSS 色 (CSS Color) は、色、色の種類、色の混合、透過性、そしてどのようにこれらの色や効果を HTML コンテンツに適用するかを扱う CSS のモジュールです。
336 CSS 段組みレイアウト CSS, CSS 分割, CSS 段組みレイアウト, Reference, レイアウト, 概要, 段組み
CSS 段組みレイアウトは CSS のモジュールの一つで、段組みレイアウトの対応を追加するものです。対応内容はレイアウトする段数の指定、段から段へのコンテンツの流れ方、段間の空白、段区切り線 (段間罫) などの対応が含まれています。
337 段組みの基本概念 CSS, CSS 段組みレイアウト, Guide, レイアウト
段組みレイアウト (Multiple-column Layout) は、内容物を新聞のように複数の段ボックスにレイアウトする仕様です。このガイドでは、この仕様がどのように働くかを、いくつかのよくある使用例と共に説明します。
338 段組みにおける内容の分割の扱い CSS, CSS 段組みレイアウト, Guide, レイアウト
段組みレイアウトでは段ボックス間で、ページ付きメディアのページ間と同様に内容が分割されます。どちらのコンテキストでも、 CSS 断片化仕様書のプロパティを用いて、どのように内容を分割するかを制御します。このガイドでは、段組みで断片化がどのように動作するかを見てみます。
339 段組みでのはみ出しの扱い
このガイドでは、段ボックス内部と、コンテナーに収まらないほど多くの内容がある場合の両方において、段組みがどのようにはみ出しを扱うかを見てみます。
340 段抜きと段の均衡 CSS, CSS 段組みレイアウト, Guide, レイアウト
このガイドでは、段組みコンテナー内で段抜きを作成する方法、段がどのように充足されるかを制御する方法を見てみます。
341 段のスタイル付け CSS, CSS Multi-column Layout, CSS 段組みレイアウト, Guide, Layout, レイアウト, 日本語処理
段組みコンテナー内に作られた段ボックスは無名ボックスなので、スタイル付けできることはわずかです。しかし、できることは少数ながらあります。このガイドは、段同士の間隔および段間罫をスタイル付けする方法を説明します。
342 段組みレイアウトの使用 Advanced, CSS, CSS Multi-column Layout, Guide, Layout, Web
CSS の段組みレイアウト (Multi-column Layout) は、ブロックレイアウトモードを拡張して、文章の段組みを定義しやすくするものです。行が長すぎると、文章が読みづらくなるものです。行末から次の行の先頭まで目を移動する距離が長すぎると、どの行を読んでいたか見失ってしまうことがあります。したがって、大きな画面を最大限に活用するためには、新聞のように幅が狭い段を並べた方が適切です。
343 CSS 条件付き規則 CSS, CSS 条件付き規則, Reference, 概要
CSS 条件付き規則 (CSS Conditional Rules) は CSS のモジュールの一つで、プロセッサーの能力やスタイルシートが適用される文書の条件に基づいて一連の規則を定義することができます。
344 CSS Containment

CSS Containment という仕様の目的は、開発者に Web ページの任意のサブツリーをそれ以外から独立させることでサイトパフォーマンスを向上させることです。もしブラウザがページの一部が独立していることを知っていれば、レンダリング時に最適化し、パフォーマンスを向上させることができます。この仕様は単一の CSS プロパティ contain を定義しています。この文書ではその仕様の基本的な目的を説明しています。
345 CSS カウンタースタイル CSS, CSS カウンタースタイル, Reference, 概要
CSS カウンタースタイル (CSS Counter Styles) は CSS のモジュールの一つで、独自のカウンタースタイルを定義することができます。
346 CSS 端末適合 CSS, CSS 端末適合, リファレンス, 概要
CSS 端末適合 (CSS Device Adaptation) は CSS モジュールの一つで、ビューポートの寸法、拡大率、方向を定義することができるものです。
347 CSS 表示方法 CSS, CSS 表示方法, Overview, Reference
CSS 表示方法は CSS のモジュールの一つで、 CSS 整形ボックスツリーがどのように文書の要素ツリーから生成されるかを定義し、制御するプロパティを定義します。
348 CSS フレックスボックスレイアウト CSS, CSS Flexible Boxes, Guide, Overview, Reference, flexbox
CSS フレックスボックスレイアウト (CSS Flexible Box Layout) CSS のモジュールの一つで、ユーザーインターフェイスの設計に最適化された CSS ボックスモデルと、一次元のアイテムのレイアウトを定義します。フレックスレイアウトモデルでは、フレックスコンテナーの子は任意の方向にレイアウトすることができ、また使われていない空間を埋めるために伸長したり、あるいは親のあふれることを避けるために収縮したりと、そのサイズを「伸縮」することができます。子の水平方向と垂直方向の両方の整列を、容易に操作することが可能です。
349 フレックスコンテナー内のアイテムの配置 Align, CSS, Flex, Guide, align-content, align-items, align-self, alignment, flexbox, justify, justify-content, フレックスボックス, 配置
フレックスボックスがウェブ開発者の関心を急速に集めた理由の一つに、ウェブコンテンツで適切な位置合わせができる初めての機能であってことが挙げられます。正しい縦の位置合わせが可能になったことで、ついにボックスの中央寄せを簡単にできるようになりました。このガイドでは、フレックスボックスにおいて位置合わせや行端揃えのプロパティがどのように働くかを詳しくみていきます。
350 フレックスボックスの後方互換性 @supports, CSS, CSS Tables, Flexible Boxes, Floats, Guide, fallbacks, feature queries, flexbox, inline-block
フレックスボックスは最新のブラウザーではとてもよく対応されていますが、いくつかの問題に遭遇する可能性があります。このガイドでは、フレックスボックスがブラウザーでどの程度対応されているかを見て、いくつかの潜在的な問題、リソース、回避策やフォールバックを作成するための方法を見ていきます。
351 フレックスボックスの基本概念 CSS, Flex, Guide, axes, concepts, container, flexbox
通常フレックスボックスと呼ばれている Flexible Box Module は一次元のレイアウトモデルとして、またインターフェイス中のアイテム間でスペースの分配をする機能と強力な位置合わせをする機能を提供するものとして設計されました。この記事ではフレックスボックスの主な特徴の概要を示します。詳細については、このガイドのほかのページで説明します。
352 主軸に沿ったフレックスアイテムの比率の制御 Basis, CSS, Flex, Guide, flexbox, free space, grow, max-content, min-content, shrink, space
このガイドでは、フレックスアイテムに適用され、主軸に沿ってアイテムの寸法と自由度を制御することができる三つのプロパティを見ていきます。 — flex-grow, flex-shrink, flex-basis です。これらのプロパティがどのようにアイテムを伸縮させるかについて完全に理解することが、フレックスボックスをマスターするための鍵です。
353 フレックスアイテムの折り返しのマスター
フレックスボックスは一次元のレイアウトとして設計されており、つまりアイテムを行または列として扱います。 — しかし、同時ではありません。しかし、フレックスアイテムを新しい行に折り返し、 flex-directionrow の場合は新しい行を、 flex-directioncolumn の場合は新しい列を生成します。このガイドでは、これがどのように動作するのか、何のために設計されているのか、どのような場合にフレックスボックスより CSS グリッドレイアウトが必要になるかを説明します。
354 フレックスアイテムの並べ替え Accessibility, CSS, Flex, Guide, direction, flexbox, order, reverse
フレックスボックスやグリッドといった新しいレイアウト方法には、コンテンツの順序を制御する機能があります。この記事では、フレックスボックスを使っている場合にコンテンツの見た目上の順序を変更する方法についてみていきます。またアクセシビリティの観点における、アイテム順の変更による影響についても考察します。
355 フレックスボックスと他のレイアウト方法の関係 CSS, CSS フレックスボックス, Guide, Writing Mode, box alignment, contents, display, flexbox, grid, フレックスボックス, ボックス配置, 書字方向
この記事ではフレックスボックスが他の CSS モジュールとどのように組み合わせられるかを見ていきます。フレックスボックスについて学びたいときに気をつけておくべき仕様を明らかにし、またなぜフレックスボックスが他のモジュールと異なったものであるかという点についても明確にします。
356 フレックスボックスの典型的な使用例 CSS, Flexible Box, Guide, common uses, flexbox, patterns
このガイドでは、フレックスボックスの一般的な使用例を紹介します。 — 他のレイアウト方法よりも適した使い方です。
357 CSS フローレイアウト CSS, Reference, ガイド, フロー, フローレイアウト, レイアウト, 中級者
通常フロー (Normal Flow) 、またはフローレイアウトは、レイアウトに変更が加えられる前にブロック要素やインライン要素がページに表示される方法です。このフローは本質的に、共に動作するすべてのものの組み合わせで、レイアウトの中で互いについてを知っています。いったん何かがフローの外に出ると、独立して動作します。
358 通常フローでのブロック及びインラインレイアウト CSS, CSS Flow Layout, CSS フローレイアウト, Guide, Intermediate, Layout, Margins, flow, ガイド, マージン, レイアウト, 中級者
このガイドでは、通常フローの中でブロック及びインライン要素がどのように動作するかの基本を見てみます。
359 フローレイアウトとオーバーフロー CSS, overflow, text-overflow, ガイド, フローレイアウト, レイアウト, 中級者, 可視性
コンテナーに収まらない量のコンテンツがある場合、オーバーフローが発生します。どのようにオーバーフローが動作するかを理解することは、 CSS で制約された寸法で要素を扱うのに重要です。このガイドでは、通常フローで作業中にオーバーフローがどのように起こるかを説明します。
360 フローレイアウトと書字方向 CSS 書字方向, ガイド, フローレイアウト, 方向, 日本語処理, 書字方向
通常フローの動きについて詳細を説明している CSS 2.1 仕様書は、横書きを想定しています。レイアウトプロパティは縦書きモードでも同様に動作するべきです。このガイドでは、異なる文書の書字方向が使われた場合のフローレイアウトの動作を見てみましょう。
361 フロー内とフローの外
前のガイドでは、通常フロー内でのブロック及びインラインレイアウトを説明しました。フロー内のすべての要素は、この方法を使用して配置されます。
362 整形コンテキストの紹介 BFC, Block Formatting Context, CSS, Formatting contexts, Guide, Intermediate, Layout, flow, ガイド, ブロック整形コンテキスト, 中級者, 整形コンテキスト
この記事では整形コンテキストの概念を紹介します。ブロック整形コンテキスト、インライン整形コンテキスト、フレックス整形コンテキストなど、いくつかの種類があります。どのように動作するのか、これらの動作をどのように利用できるのかについても紹介します。
363 CSS フォント CSS, CSS フォント, Reference, 概要
CSS フォントは CSS のモジュールの一つで、フォントに関するプロパティを定義し、どのようにフォントリソースを読み取るのかを定義します。これによって、単一の文字に利用できる複数のフォントがある場合、使用するフォントのスタイルを、例えばフォントファミリ、寸法、太さ、行の高さ、グリフの種類を定義することができます。
364 OpenTypeフォント機能の手引き CSS, Fonts, Text
フォントの機能及び派生とは,OpenTypeフォントに含まれる異なるグリフや文字様式を指します。これらには合字(「fi」又は「ffl」といった文字を組み合わせた特殊なグリフ),文字詰め(特定の字形の組の間隔の調整),分数,数字様式,及びその他多数が含まれます。これらは全てOpenType機能と呼ばれており,Web上での利用には特定のプロパティ郡及び低級制御プロパティの一つを介します――font-feature-settings。本稿ではCSSにおけるOpenTypeフォント機能の利用について,知っていなければならない全てを提供します。
365 バリアブルフォントガイド CSS, Fonts, Guide, Text, variable fonts, web fonts
バリアブルフォントは幅、太さ、スタイルごとに個別のフォントファイルを用意するのではなく、書体のさまざまなバリエーションを 1 つのファイルに組み込むことができる OpenType フォント仕様の進化版です。CSS および単一の @font-face 参照を介して、特定のフォントファイルに含まれるすべてのバリエーションにアクセスできます。この記事では、バリアブルフォントの使用を開始するために知っておく必要があるすべての内容を説明します。
366 CSS 分割 CSS, CSS 分割, Overview, リファレンス
CSS 分割は CSS のモジュールの一つで、コンテンツがページ、領域、をまたがって分割された (断片化が発生した) ときにどのように表示するかを定義します。
367 CSS 関数表記法 CSS, CSS Data Type, CSS Function, Functional Notation, Functions, Reference, Types, data types
CSS 関数表記法CSS 値の一種で、より複雑なデータ型を表現したり、特別なデータ処理や計算を呼び出したりすることができます。
368 CSS 生成コンテンツ CSS, CSS Generated Content, Guide, Overview, Reference
CSS 生成コンテンツ (CSS Generated Content) は CSS のモジュールの一つで、要素にコンテンツを追加する方法を定義します。生成されたコンテンツは、無名で置換された要素にコンテンツを追加したり、非常に限られた状況で DOM ノードのコンテンツを生成された値で置き換えたりするために使用することができます。
369 CSS グリッドレイアウト CSS, Grid Layout, Grids, Guide, Layout, Overview, Reference
CSS グリッドレイアウトは、ページを大きな領域に分割することや、 HTML のプリミティブから構成されたコントロールの部品間の、寸法、位置、レイヤーに関する関係を定義することに優れています。
370 CSS グリッドレイアウトでの自動配置 CSS, CSS Grids, Guide
CSS グリッドレイアウト仕様書には、作成したグリッド上にアイテムを正確に配置する機能に加えて、グリッドを作成したときに子アイテムの一部またはすべてを配置しなかった場合の動作を制御するルールが含まれています。一連のアイテムでグリッドを作成することで、最も簡単な方法で自動配置を確認することができます。アイテムに配置情報を与えない場合、アイテムはグリッド上の各セルに1つずつ配置されます。
371 グリッドレイアウトの基本概念 CSS, CSS Grids, Guide, Layout
CSS グリッドレイアウトは、二次元グリッドシステムを CSS にもたらします。グリッドは、主要なページ領域や小さなユーザーインターフェース要素のレイアウトに利用できます。この記事では、 CSS グリッドレイアウトと、 CSS Grid Layout Level 1 仕様の一部の用語について紹介します。この記事では、その概要を紹介し、この一連のガイドの残りで詳細を説明します。
372 CSS グリッドレイアウトのボックス配置 CSS グリッド
このガイドでは、グリッドレイアウトにおけるボックス配置がどのように機能するのか説明します。フレックスボックスのプロパティと値の機能と多くの類似点があります。
373 名前付きグリッド線を使用したレイアウト CSS, CSS Grids, Guide
前のガイドでは、グリッドトラックを定義することによって作られた線に沿ってアイテムを配置する様子と、名前の付いたテンプレート領域を使用してアイテムを配置する方法を見てきました。このガイドでは、名前付きの線を使用したときにこれら2つが共にどのように動作するかを見てみます。線に名前をつけるととても便利ですが、名前とトラックの寸法の組み合わせではもっと難解なグリッドの構文になります。いくつかの例を使ってみることで、動作がより明確かつ易しくなるでしょう。
374 グリッドレイアウトと他のレイアウト方法との関係 CSS, CSS Grids, Guide
CSS グリッドレイアウトはレイアウトを行うための完全なシステムの一部として、 CSS の他の機能と一緒に動作するよう設計されました。このガイドでは、既に使われている他の技術と、どうのようにグリッドが適合するかを説明します。
375 Subgrid CSS, CSS Display, CSS Grid, Guide, subgrid
CSS Grid Layout の Level 2 は、grid-template-columns および grid-template-rowssubgrid 値を含みます。このガイドでは、サブグリッドでできること、いくつかの使用例、この機能で解決されるデザインパターンを詳述します。
376 CSS 画像 CSS, CSS 画像, Reference, 概要
CSS 画像 (CSS Images) は CSS のモジュールの一つで、どのような種類の画像が利用できるか (<image> 型、その中の URL、グラデーション、その他の種類の画像)、どのように大きさを変更するか、様々なレイアウトモデルで画像やその他の置換コンテンツが応答するかを定義します。
377 CSS での画像スプライトの実装 Advanced, CSS, CSS Images, Graphics, Guide, NeedsContent, Sprites, Web
画像スプライトは、複数の画像を使用する多くのウェブアプリで使用されています。それぞれの画像を個別の画像ファイルとして含めるのではなく、1枚の画像として送信した方が、メモリや帯域幅の面ではるかに有利です。同じ画像ファイル内の個々の画像を区別する方法として背景の位置を使用することで、 HTTP リクエストの数を減らすことができます。
378 CSS グラデーションの使用 Advanced, CSS, CSS Images, Example, Gradients, Guide, Web
CSS グラデーション<gradient> データ型で表現され、2つ以上の色の間の連続的な変化から成る <image> の特殊型です。グラデーションは3種類から選択することができます。線形 (linear) (linear-gradient 関数によって生成)、放射 (radial) (radial-gradient 関数によって生成)、扇形 (conic) (conic-gradient 関数によって生成) の3種類です。 repeating-linear-gradient, repeating-radial-gradient, repeating-conic-gradient の各関数によって、反復グラデーションを生成することもできます。
379 CSS リスト CSS, CSS リスト, Reference, 概要
CSS リスト (CSS List) は CSS モジュールの一つで、リストのレイアウトとスタイル付け方法を定義します。
380 CSS カウンターの使用 Advanced, CSS, CSS Counter Styles, Guide, Layout, Reference, Web
CSS カウンターでは、文書内の位置に基づいてコンテンツの表示方法を調整することができます。例えば、ウェブページ内の見出し番号を自動的に振るのに使ったりします。カウンターは本質的に、 CSS が管理する変数であり、 CSS の規則によって増加し、何回使用されたかを追跡するものです。
381 CSS 論理的プロパティと値 CSS, CSS Logical Properties, CSS 論理的プロパティ, Landing, Reference, 概要
CSS 論理的プロパティと値 (CSS Logical Properties and Values) CSS のモジュールの一つで、論理的プロパティと値を導入して、物理的ではなく論理的に方向や寸法をマッピングして、レイアウトを制御することができるようにします。
382 論理的プロパティと値の基本概念 CSS, CSS 論理的プロパティ, Guide, 書字方向, 概念
「論理的プロパティと値」仕様書では、 CSS のたくさんのプロパティや値のフローに関する対応付けを紹介しています。この記事はこの仕様書を紹介し、フローに関するプロパティと値を説明します。
383 浮動と位置指定の論理的プロパティ CSS, CSS 論理的プロパティ, Guide, ガイド, 位置指定, 浮動
論理的プロパティと値仕様書 (Logical Properties and Values specification) には、 float および clear の物理的な値の論理的な対応付けと、位置指定レイアウトで使用する位置指定プロパティを含んでいます。このガイドはこれらの使い方を見てみます。
384 マージン、境界、パディングの論理的プロパティ CSS, CSS 論理的プロパティ, ガイド, 書字方向, 概念
論理的プロパティと値仕様書 (Logical Properties and Values specification) では、それぞれのマージン、境界、パディングのプロパティおよびその一括指定について、フローに関連する対応付けを定義します。
385 寸法の論理的プロパティ CSS, CSS 論理的プロパティ, Guide, 寸法, 書字方向
このガイドでは、ページ上の要素の寸法の設定に使用する、物理的な方向のプロパティと論理的なプロパティのフローに関連した対応付けを説明します。
386 CSS マスク CSS, CSS マスク, Overview, Reference, 概要
CSS マスク (CSS Masking) CSS のモジュールの一つで、マスク、クリップを含め、可視要素の一部または全部のを隠すための方法を定義します。
387 CSS雑題 CSS, Overview, Reference
このページでは、非常に実験的または他の分類に適合しない CSS プロパティを扱います。
388 CSS モーションパス CSS, CSS Motion Path, Experimental, Guide, Motion Path, Overview, Reference
モーションパス (Mortion Path) は CSS のモジュールの一つで、任意のグラフィックオブジェクトを独自の経路に沿って動作させるためのものです。
389 CSS 名前空間 CSS, CSS 名前空間, Reference, Web, XML, ウェブ, 概要
CSS 名前空間 (CSS Namespaces) は、 CSS の中で XML 名前空間を指定できるようにするための CSS モジュールです。
390 CSS Overflow CSS, Guide, overflow, scrollbars, scrolling
CSS Overflow モジュールは、視覚メディアにおけるスクロール可能なオーバーフローの処理に関連した CSS の機能を含んでいます。 CSS では、ボックスの内容がボックスの辺の 1 つ以上を越えてはみ出した場合にオーバーフローが発生します。
391 CSS ページ化メディア CSS, CSS ページ付きメディア, CSS ページ化メディア, Reference, 概要
CSS ページ化メディア (CSS Paged Media) は、ページ切り替えを扱う方法を定義する CSS のモジュールです。
392 CSS 位置指定レイアウト CSS, CSS 位置指定レイアウト, Reference, 概要
CSS 位置指定レイアウト (CSS Positioned Layout) は CSS モジュールの一つで、ページ上での要素の位置指定方法を定義します。
393 CSS の z-index を理解する Advanced, CSS, Guide, Reference, Understanding_CSS_z-index, z-index
z-index 属性で、コンテンツの描画時にオブジェクトの重なり合いの順番を調整することができます。
394 z-index の使用 Advanced, CSS, Guide, Reference, Understanding_CSS_z-index, z-index
この記事の最初の部分、z-index なしの重ね合わせは、既定でどのように重ね合わせが行われるのかを説明します。独自の重ね合わせ順を定義したい場合は、位置指定要素に z-index プロパティを使用して行うことができます。
395 浮動ブロックの重ね合わせ Advanced, CSS, Guide, Reference, Understanding_CSS_z-index, z-index
浮動 (floated) ブロックについては、重ね合わせ順序が少し異なります。浮動ブロックは位置指定なしのブロックと位置指定ブロックの間に配置されます。
396 重ね合わせコンテキストの例 1 Advanced, CSS, Guide, Understanding_CSS_z-index
« CSS « CSS の z-index を理解する
397 重ね合わせコンテキストの例 2 Advanced, CSS, Guide, Understanding_CSS_z-index
« CSS « CSS の z-index を理解する
398 重ね合わせコンテキストの例 3 Advanced, CSS, Guide, Understanding_CSS_z-index
« CSS « CSS の z-index を理解する
399 z-index なしの重ね合わせ Advanced, CSS, Guide, Reference, Understanding_CSS_z-index, z-index
どの要素にも z-index プロパティが指定されていない場合、要素は以下の順序に (下から上に) 重ね合わせられます。
400 重ね合わせコンテキスト Advanced, CSS, Reference, z-index, ガイド
重ね合わせコンテキスト (Stacking context) は、ビューポートまたはウェブページに面していると想定されるユーザーに対する仮想的な Z 軸に沿って並べられた HTML 要素の三次元の概念化です。 HTML 要素は、要素の属性に基づいてこの空間を優先度つきの順序で占有します。
401 CSS プロパティリファレンス CSS, スタイル
下記は最も一般的な CSS プロパティと、 JavaScript からアクセスする際に使用される等価な DOM 表記の基本的な一覧です。
402 CSS ルビレイアウト CSS, CSS ルビレイアウト, Reference, 概要
CSS ルビレイアウト (CSS Ruby Layout) CSS のモジュールの一つで、ルビ表記の表示に関するレンダリングモデルや整形の制御を提供します。ルビ表記は行間の表記の一種で、ベーステキストに沿った短いテキストで構成されます。これらはふつう東アジアの文書で、発音を示したり、短い説明を提供したりするために使用されます。
403 CSS スクロールスナップ点 CSS, CSS スクロールスナップ点, Overview, Reference, 概要
CSS スクロールスナップ点 (CSS Scroll Snap Points) は CSS のモジュールの一つで、スクロールのスナップ位置を導入します。これは、スクロールの実行が終了した後にコンテナーのスクロール領域が停止する位置を明示的に決定します。
404 CSS スクロールスナップ CSS, CSS スクロールスナップ, Reference, 概要
CSS スクロールスナップは CSS モジュールの一つで、スクロール操作の完了後にスクロールコンテナーのスクロールポートが終了するスクロール位置を強制する、スクロールスナップ位置を導入します。
405 ブラウザーの互換性とスクロールスナップ CSS, CSS Scroll Snap, CSS スクロールスナップ, Guide, browser compat, compat, 互換性
Firefox は当初、初期版のスクロールスナップの仕様書、いわゆるスクロールスナップ点 (Scroll Snap Points) を実装していました。 Firefox 68 では仕様の新しいバージョンが採用され、これらの古いプロパティは削除されました。
406 CSS スクロールバー CSS, CSS スクロールバー, Overview, 概要
CSS スクロールバー (CSS Scrollbars) は、2000年に Windows の IE 5.5 で導入され、廃止されたスクロールバーの色のプロパティを標準化するためのものです。
407 CSS セレクター CSS, Guide, Overview, Reference, Selectors
CSS セレクターは、一連の CSS の規則が適用される要素を定義します。
408 セレクターでの :target 疑似クラスの利用 :target, CSS, ガイド, セレクター, リファレンス
URL が文書の特定の部分を指している場合、ユーザーが気づきにくい場合があります。いくつかのシンプルな CSS を使用して URL の対象に注目させ、ユーザーの利便性を向上させる方法を確認しましょう。
409 CSS シェイプ CSS, CSS シェイプ, Reference, wrapping, シェイプ, リファレンス, 境界, 概要
CSS シェイプは、 CSS で使用する幾何学的な図形を記述します。 レベル1の仕様書では、 CSS シェイプは浮動状態の要素に適用されます。
410 基本シェイプ CSS, CSS Shapes, CSS シェイプ, Guide, Reference, ガイド
CSS のシェイプは <basic-shape> 型を使用して定義することができ、このガイドでは、この方で受け入れられる様々な値のそれぞれが、どのように動作するかを説明します。単純な円から複雑な多角形までがあります。
411 ボックス値からのシェイプ Boundaries, Boxes, CSS, CSS Shapes, Guide, Margins, border-box, border-radius, box values, content-box, float, margin-box, padding-box, shapes
シェイプを作るのに直接的な方法が、 CSS ボックスモデルの値を使用することです。この記事では、これを行う方法を説明します。
412 CSS シェイプの概要 CSS, CSS シェイプ, シェイプ, 概要
CSS シェイプレベル1仕様書は、 CSS における幾何学的な図形 (シェイプ) を記述しています。仕様書のレベル1は、浮動状態のアイテムに適用するように設計されています。この記事では、シェイプを使用して何ができるのかの概要を紹介します。
413 画像からのシェイプの作成 CSS シェイプ
このガイドでは、アルファチャンネルを含む画像ファイルから、または CSS グラデーションから、シェイプを作成する方法を見ていきます。これはシェイプを作成するためのとても柔軟な方法です。 CSS で複雑なポリゴンを持つパスを描画するのではなく、グラフィックプログラムでシェイプを作成し、しきい値よりも透明度の低いピクセルによって作成されたパスを使用することができます。
414 CSS 表 CSS, CSS 表, リファレンス, 概要
CSS 表 (CSS Table) は CSS のモジュールの一つで、表データをレイアウトする方法を定義します。
415 CSS テキスト装飾 CSS, CSS Text Decoration, Guide, Overview, Reference
CSS テキスト装飾 (Text Decoration) は CSS のモジュールの一つで、下線、テキストの影、圏点など、テキスト装飾に関連する機能を定義します。
416 CSS テキスト CSS, CSS テキスト, 概要
CSS テキスト (CSS Text) は CSS のモジュールの一つで、どのようにテキストの操作を行うかを定義します。
417 CSS 変形 CSS, CSS Transforms, Guide, Overview, Reference
CSS 変形 (CSS Transforms) は CSS のモジュールの一つで、 CSS でスタイル付けされた要素をどのように二次元または三次元空間に変形できるかを定義します。
418 CSS 変形の使用 3D, Advanced, CSS, CSS Transforms, Graphics, Guide, Rotate, Scale, Scaling, perspective, rotation
座標空間を編集することで、 CSS 変形 (transform) は通常のフロー処理を混乱させずに、影響下にあるコンテンツの位置を変えることができます。このガイドは変形の使用についての解説を行ないます。
419 CSS トランジション CSS, CSS Transitions, Experimental, Overview, Reference, TopicStub
CSS トランジション (CSS Transition) は CSS のモジュールの一つで、特定の CSS プロパティの値の間でスムーズな変化を作り出す方法を定義します。タイミング関数を使って、ただ作り出すだけでなく、その進化を定義することもできます。
420 CSS トランジションの使用 Advanced, CSS, CSS Transitions, CSS3 Transitions, Guide
CSS トランジションは、 CSS プロパティが変化する際のアニメーションの速度を操作する手段を提供します。プロパティの変更を直ちに有効にするのではなく、プロパティの変更を一定期間にわたって発生させることを可能にします。
421 CSS データ型 CSS, CSS Data Type, Guide, Index, Overview, Reference, Syntax, Types, data types, list
CSS データ型は、 CSS のプロパティや関数で使用される具体的な値 (キーワードや単位を含む) を定義します。これはコンポーネント値型の特殊な種類です。
422 CSS 値と単位 CSS, Guide, Reference, values and units
CSS 宣言はすべて、プロパティと値の組を含みます。プロパティによって、値は単純な整数やキーワードから、一連のキーワードや単位つき・単位なしの値などを含みます。CSS プロパティには受け付けるデータ型の組み合わせ -- 値と単位 -- があります。以下ではデータ型の大部分を概観します。より詳しい情報は、それぞれのデータ型のページを参照してください。
423 段階変数用のCSSカスタムプロパティ CSS, CSS Variables, Overview, Reference
段階変数用のCSSカスタムプロパティとは何度も繰り返して用いられるカスタムプロパティを作成できるCSSモジュールです。
424 CSS 書字方向 CSS, CSS 書字方向, リファレンス, 日本語処理, 概要
CSS 書字方向 (CSS Writing Modes) は CSS モジュールの一つで、様々な国の書字方向、例えば左書き (ラテン系やインド語系の文章)、右書き (ヘブライ語やアラビア語の文章)、双方向 (左書きと右書きが混在する場合)、縦書き (一部のアジア言語で使われます) などを定義します。
425 CSSOM View CSS, CSSOM, CSSOM View, Layout, Reference, 概要
CSSOM View は CSS のモジュールの一つで、文書の表示方法、特にスクロールの振る舞いを操作できるようにするものです。
426 cursor Arrow, CSS, CSS Property, CSS プロパティ, Cursor, Custom Cursor, Reference, UI, mouse, pointer, recipe:css-property, カスタムカーソル, カーソル, ポインター, マウス
cursorCSS のプロパティで、マウスポインターが要素の上にいるときに表示されるマウスカーソルの種類を設定します。
427 <custom-ident> CSS, CSS Data Type, Data Type, Layout, Reference, Web
<custom-ident>CSSデータ型で、identifierとして使われるユーザー定義の任意の文字列を意味します。これは大文字と小文字を区別し、曖昧さを避けるため、いくつかの値は様々なコンテキストで禁止されています。
428 子孫結合子 CSS, Reference, Selector, Selectors
子孫結合子 (descendant combinator) — 通常は単一の空白文字 ( ) で表される — は2つの CSS セレクターを結合し、1つ目のセレクターに一致する要素が祖先 (親、親の親、親の親の親、など) となっている2つ目のセレクターに一致します。子孫結合子を利用したセレクターは子孫セレクターと呼ばれます。
429 dimension CSS, CSS Data Type, CSS データ型, Reference, dimension, unit, value, 値, 単位
<dimension>CSSデータ型で、 <number> とそれに添付された単位を表します (10px など)。
430 direction CSS, CSS Reference
CSS の direction プロパティは文章の記述方向にあわせて設定されるべきです。ヘブライ語やアラビア語のテキストでは rtl を、それ以外では ltr を使います。
431 <display-box> CSS, CSS データ型, CSS 表示, Reference, display-box
これらのキーワードは、要素が表示ボックスを作るかどうかを定義します。
432 <display-inside> CSS, CSS 表示, Reference, display, display-inside
以下のキーワードは、要素の内部の display 種別を指定し、これは要素 (置換要素ではないものとする) の内容物をレイアウトする整形コンテキストの種類を定義します。これらのキーワードは display プロパティの値として使用され、単一のキーワードとしては伝統的な目的に、または Level 3 仕様書では <display-outside> のキーワードと共に使用されます。
433 <display-internal> CSS, CSS Data Type, CSS Display, Data Type, Reference, display-internal
tableruby のような一部のレイアウトモデルでは、複雑な内部構造があり、様々なその子要素や子孫要素が担う様々な役割があります。このページではこれらを「内部の」表示値として定義し、特定のレイアウトモードでのみ意味を持ちます。
434 <display-legacy> CSS, CSS Data Type, CSS Display, Data Type, Reference, display-legacy
CSS 2 では display プロパティで単一のキーワードによる構文を採用しており、同じレイアウトモードのブロックレベルとインラインレベルで別々のキーワードが必要でした。このページではこれらの値を詳しく紹介します。
435 <display-listitem> CSS, CSS データ型, CSS 表示, Reference, list-item
list-item キーワードは、要素に list-style プロパティで指定された内容 (例えば見出し記号) を含む ::marker 疑似要素と共に、自身の内容物のために指定された種類の基本的なボックスを生成します。
436 <display-outside> CSS, CSS Data Type, CSS Display, Data Type, Reference, display-outside
<display-outside> のキーワードは、本質的にフローレイアウトにおける要素の役割である、要素の display の外部表示種別を指定します。これらのキーワードは display プロパティの値として使用され、単一のキーワードとしては伝統的な目的に、または Level 3 仕様書では <display-inside> のキーワードと共に使用されます。
437 display CSS, CSS Display, CSS Property, Reference, display, recipe:css-property
displayCSS のプロパティで、要素をブロック要素とインライン要素のどちらとして扱うか、およびその子要素のために使用されるレイアウト、例えば フローレイアウトグリッドフレックスなどを設定します。
438 <easing-function> API, CSS, CSS Animations, CSS Data Type, CSS Transitions, Data Type, Layout, Reference, easing-function
<easing-function>CSSデータ型で、アニメーションの間に一次元の値がどれだけの速さで変化するかを記述する数学的な関数を表します。これにより、アニメーションの速度を期間中に変化させることができます。
439 element() CSS, CSS 関数, CSS4-images, Reference, ウェブ, レイアウト
CSSelement() 関数は、任意の HTML 要素から生成された <image> 値を定義します。この画像は動的で、HTML 要素が変更されると、この関数の結果を使う CSS プロパティが自動的に更新されます。
440 empty-cells CSS, CSS プロパティ, CSS 表, リファレンス
CSS の empty-cells プロパティは、目に見える内容を持たないtableのセルの、周囲の境界と背景をuser agentがどのように描画するかを指定します。
441 env() CSS, CSS Function, CSS Variables, CSS 変数, CSS 関数, Draft, Function, Reference, Variables, env, env(), 変数, 関数
env()CSS の関数で、ユーザーエージェントが定義した環境変数の値を、 var 関数やカスタムプロパティと同じ方法で CSS に挿入するために使用することができます。異なる点は、ユーザーが定義しているのではなくユーザーエージェントが定義しているものであること、カスタムプロパティは宣言されている要素のスコープであるのに対し、環境変数は文書でグローバルなスコープであることです。
442 フィルター効果 CSS, Reference, フィルター効果, 概要
フィルター効果 (Filter Effects) は CSS のモジュールの一つで、要素が文書内に表示される前の処理方法を定義します。
443 <filter-function> CSS, CSS データ型, Reference, フィルター効果
CSS<filter-function> データ型は、入力された画像の表示方法を変更することができるグラフィカル効果を表します。これは filter 及び backdrop-filter プロパティで使用します。
444 blur() CSS, CSS Function, Filter Effects, Function, Reference
blur()CSS の関数で、入力画像にガウシアンぼかしを適用します。返値は <filter-function> です。
445 brightness() CSS, CSS Function, Filter Effects, Function, Reference
brightness()CSS の関数で、入力画像に線形乗算を適用し、明るく又は暗くします。その結果は <filter-function> です。
446 contrast() CSS, CSS 関数, Reference, フィルター効果
contrast()CSS の 関数で、入力画像のコントラストを調整します。結果は <filter-function> です。
447 drop-shadow() CSS, CSS 関数, Reference, フィルター効果, 関数
drop-shadow()CSS の関数で、入力画像にドロップシャドウ効果を適用します。結果は <filter-function> です。
448 grayscale() CSS, CSS Function, CSS 関数, Filter Effects, Reference, フィルター効果
CSSgrayscale() 関数は、入力画像をグレースケールに変換します。結果は <filter-function> です。
449 hue-rotate() CSS, CSS Function, Filter Effects, Function, Reference
hue-rotate()CSS の関数で、要素およびその中身のコンテンツの色相環を回転します。結果は <filter-function> です。
450 invert() CSS, CSS Function, Filter Effects, Function, Reference
invert()CSS の関数で、入力画像の色サンプルを反転します。結果は <filter-function> です。
451 opacity() CSS, CSS Function, Filter Effects, Function, Reference
opacity()CSS の関数で、入力画像のサンプルに透過性を適用します。結果は <filter-function> です。
452 saturate() CSS, CSS 関数, Reference, フィルター効果
saturate()CSS の関数で、入力画像の彩度を上げたり下げたりします。結果は <filter-function> です。
453 sepia() CSS, CSS Function, Filter Effects, Function, Reference
sepia()CSS の関数で、入力画像をセピア色に、より暖かい、より黄色と茶色の表現に変換します。結果は <filter-function> です。
454 filter CSS, CSS プロパティ, Reference, SVG, SVG フィルター, filter, フィルター効果
filterCSS のプロパティで、ぼかしや色変化などのグラフィック効果を要素に適用します。フィルターは画像、背景、境界の描画を調整するためによく使われます。
455 fit-content() CSS, CSS グリッド, CSS 関数, Experimental, Reference, Web, ウェブ, レイアウト
fit-content()CSS の関数で、指定された寸法を min(最大寸法, max(最小寸法, 引数)) の式に従って有効な寸法に制約します。
456 <flex> CSS, CSS Data Type, CSS データ型, Layout, Reference, Web, ウェブ, リファレンス, レイアウト
CSS<flex> データ型 は、グリッドコンテナー内部における可変の長さです。 grid-template-columnsgrid-template-rows 及びほかの関連プロパティで使われます。
457 flex-basis CSS, CSS Flexible Boxes, CSS Property, Reference, recipe:css-property
flex-basisCSS のプロパティで、フレックスアイテムの主要部分の初期の寸法を設定します。 box-sizing で設定していない限り、このプロパティはコンテンツボックスの寸法を定義します。
458 flex-direction CSS, CSS Flexible Boxes, CSS Property, Reference, recipe:css-property
flex-directionCSS のプロパティで、主軸の方向や向き (通常または逆方向) を定義することにより、フレックスコンテナー内でフレックスアイテムを配置する方法を設定します。
459 flex-flow CSS, CSS フレックスボックス, CSS プロパティ, Reference, 一括指定プロパティ
CSSflex-flow プロパティは、 flex-direction プロパティと flex-wrap プロパティの一括指定プロパティです。
460 flex-grow CSS, CSS Flexible Boxes, CSS Property, NeedsContent, Reference, recipe:css-property
flex-growCSS のプロパティで、フレックスアイテムの主軸方向の寸法のフレックス伸長係数を設定します。
461 flex-shrink CSS, CSS Flexible Boxes, CSS Property, CSS フレックスボックス, NeedsContent, Reference, recipe:css-property
flex-shrinkCSS のプロパティで、フレックスアイテムの縮小係数を設定します。すべてのフレックスアイテムの寸法がフレックスコンテナーよりも大きい場合、アイテムは flex-shrink の数値に従って縮小して収まります。
462 flex-wrap CSS, CSS フレックスボックス, CSS プロパティ, Reference
CSSflex-wrap プロパティは、フレックスアイテムを単一行に押し込むか、あるいは複数行に折り返してもよいかを指定します。折り返しを許可する場合は、行を積み重ねる方向の制御も可能です。
463 flex CSS, CSS Flexible Boxes, CSS Property, Reference, recipe:css-shorthand-property
flexCSS一括指定プロパティで、フレックスアイテムをフレックスコンテナーの領域に収めるために、どのように伸長・収縮させるかを指定します。
464 float CSS, CSS Positioning, CSS Property, Reference, recipe:css-property
float は CSS のプロパティで、要素を包含ブロックの左右どちらかの側に沿うように設置し、テキストやインライン要素がその周りを回りこめるように定義します。
465 font-family CSS, CSS フォント, CSS プロパティ, Reference, font, font-family
CSS の font-family プロパティは、選択した要素に対して、フォントファミリ名や総称ファミリ名の優先順位リストを指定することができます。
466 font-feature-settings CSS, CSS フォント, CSS プロパティ, リファレンス
CSS の font-feature-settings プロパティは、 OpenType フォントの拡張タイポグラフィの特性を制御します。
467 font-kerning CSS, CSS フォント, CSS プロパティ, Reference
font-kerning CSS プロパティはフォントに存在するカーニング情報の使用方法を制御します。
468 font-language-override CSS, CSS Fonts, CSS Property, Reference, font-language-override, l10n, recipe:css-property
font-language-override は CSS のプロパティで、書体で言語に固有の字形の使用を制御します。
469 font-optical-sizing CSS, CSS フォント, CSS プロパティ, Reference
CSSfont-optical-sizing プロパティは、テキストの描画をそれぞれの大きさでの表示に最適化して表示するかどうかを設定します。これは光学的サイズバリエーション軸があるフォントのみで動作します。
470 font-size-adjust CSS, CSS Fonts, CSS Property, Reference, recipe:css-property
font-size-adjustCSS のプロパティで、 (大文字の大きさを定義する) 現在のフォントサイズに相対的な小文字の大きさを設定します。
471 font-size CSS, CSS Fonts, CSS Property, Reference, recipe:css-property
CSSfont-size プロパティはフォントの大きさを定義します。フォントの大きさを変更すると、フォントの大きさに相対的な <length> の単位例えば em, ex, なども更新されます。
472 font-stretch CSS, CSS フォント, CSS プロパティ, リファレンス
font-stretch CSS プロパティは、フォントの normal, condensed, expanded のフェイスを選択します。
473 font-style CSS, CSS フォント, CSS プロパティ, Reference, font, ウェブ
CSSfont-style プロパティは、フォントが font-family の中で通常体 (normal)、筆記体 (italic)、斜体 (oblique) のどれでスタイル付けするかを設定します。
474 font-synthesis CSS, CSS Fonts, CSS Property, Reference, recipe:css-property
font-synthesisCSS のプロパティで、太字やイタリックの字体がない場合に、ブラウザーが合成してよいかどうかを制御します。
475 font-variant-alternates CSS, CSS Fonts, CSS Property, Reference
font-variant-alternatesCSSプロパティは代替グリフの使用を制御します。代替グリフは@font-feature-valuesで定義された代替名で参照される可能性があります。
476 font-variant-caps CSS, CSS Fonts, CSS Property, Reference, recipe:css-property
font-variant-capsCSS のプロパティで、大文字向けの代替字形の使用を制御します。
477 font-variant-east-asian CSS, CSS Fonts, CSS Property, NeedsLiveSample, Reference, recipe:css-property, 日本語処理
CSS の font-variant-numeric プロパティは、日本語と中国語のような東アジアの字形の違いを制御するために使用します。
478 font-variant-ligatures CSS, CSS Fonts, CSS Property, Reference, recipe:css-property
font-variant-ligatures は CSS のプロパティで、適用される用途の文字コンテンツで使われるligatureおよびcontextual formsを制御します。
479 font-variant-numeric CSS, CSS フォント, CSS プロパティ, リファレンス
CSS の font-variant-numeric プロパティは、数字、分数、序数記号の表記を制御するために使用します。
480 font-variant-position CSS, CSS フォント, CSS プロパティ, Reference
CSS の font-variant-position プロパティは、上付き文字または下付き文字として配置された小さな代替文字の使用を制御します。
481 font-variant CSS, CSS Fonts, CSS Property, Reference, recipe:css-shorthand-property
font-variant は CSS の一括指定プロパティで、フォントのすべての変化形を設定することができます。
482 font-variation-settings CSS, CSS フォント, CSS プロパティ, Reference, recipe:css-property
font-variation-settings は CSS のプロパティで、変更したい特性の4文字の軸名と特性の値を指定することにより、可変フォントに対する低水準の制御を提供します。
483 font-weight CSS, CSS Fonts, CSS Property, Reference, recipe:css-property
font-weightCSS のプロパティで、フォントの太さ (あるいは重み) を指定します。実際に表示されるフォントの太さは、現在設定されている font-family に依存する場合があります。
484 font CSS, CSS Fonts, CSS Property, Reference, recipe:css-shorthand-property
font は CSS の一括指定プロパティで、要素のフォントの様々なプロパティをすべて設定します。また、要素のフォントにシステムフォントを設定することもできます。
485 <frequency-percentage> CSS, CSS Data Type, Data Type, Reference, frequency-percentage, units, values
<frequency-percentage>CSSデータ型で、 frequency または percentage が取りうる値を表します。周波数の値、例えば音声の高さは、現在どの CSS プロパティでも使用されていません。
486 <frequency> CSS, CSS データ型, CSS 値と単位, Layout, Reference
CSS<frequency> データ型は、話し声の高さなどの周波数の値を表します。今のところ、どの CSS プロパティでも使われていません。
487 gap (grid-gap) CSS, CSS グリッドレイアウト, CSS フレックスボックスレイアウト, CSS プロパティ, CSS ボックス配置, CSS 段組みレイアウト, Reference, gap, リファレンス
gapCSS のプロパティで、行や列の間のすき間 (gutters) を定義します。これは row-gap および column-gap一括指定です。
488 一般兄弟結合子 CSS, Reference, Selectors, セレクター
一般兄弟結合子 (general sibling combinator, ~) は2個のセレクターを結びつけます。右側のセレクタで選択される要素のうち、次の条件をともにみたすものを選択します。
489 <gradient> CSS, CSS Data Type, CSS Images, Data Type, Graphics, Layout, Reference
<gradient>CSSデータ型で、2色以上の連続的な色の変化で構成される特殊な型の <image> です。
490 grid-column-start CSS, CSS Grid, CSS Property, Reference, recipe:css-property
grid-column-start は CSS のプロパティで、グリッドの配置に線または区間を使用したり、使用しなかったりして (自動)、グリッド列内のグリッドアイテムのの開始位置を指定します。この開始位置は、grid areasの行の開始の端を指定します。
491 grid-column CSS, CSS グリッド, CSS プロパティ, Reference
grid-column は CSS のプロパティで、 grid-column-start および grid-column-end一括指定プロパティであり、grid columnの中におけるグリッドアイテムの寸法と位置を指定し、線、区間、なし (自動) をグリッド配置に適用されることで、grid areasの行の開始と終了の端を指定します。
492 grid-row CSS, CSS Grid, CSS Property, CSS グリッド, CSS プロパティ, Reference, grid-row
grid-row は CSS のプロパティで、 grid-row-start および grid-row-end一括指定プロパティであり、グリッド行の中におけるグリッドアイテムの寸法と位置を指定し、線、区間、なし (自動) をグリッド配置に適用されることで、grid areasの行の開始と終了の端を指定します。
493 grid-template-areas CSS, CSS Grid, CSS Property, Reference
grid-template-areas CSS プロパティは、名前付きの grid areas を指定します。
494 grid-template-columns CSS, CSS Grid, CSS Property, Reference, recipe:css-property
grid-template-columns は CSS のプロパティで、grid columnのライン名とトラックのサイズ変更機能を定義します。
495 grid-template CSS, CSS Grid, CSS Property, Reference
grid-template CSS プロパティは、grid column および grid rows、grid areas を定義するための 短縮 プロパティです。
496 grid CSS, CSS グリッド, CSS プロパティ, Reference, grid, grid-auto-columns, grid-auto-flow, grid-auto-rows, grid-template-areas, grid-template-columns, grid-template-rows
CSS の grid プロパティは一括指定プロパティで、明示的なすべてのグリッドプロパティ (grid-template-rows, grid-template-columns, grid-template-areas) と、暗黙のすべてのグリッドプロパティ (grid-auto-rows, grid-auto-columns, grid-auto-flow) を単一の宣言で設定します。
497 hanging-punctuation CSS, CSS Property, CSS Text, CSS テキスト, CSS プロパティ, Experimental, Reference, リファレンス
hanging-punctuationCSS のプロパティで、区切り記号をテキストの行頭や行末にぶら下げるべきかどうかを指定します。ぶら下げられる区切り記号は行ボックスの外側に配置されれることがあります。
498 height CSS, CSS Property, CSS プロパティ, Layout, Reference, Vertical, dimensions, height, recipe:css-property, size, レイアウト
height は CSS のプロパティで、要素の高さを指定します。既定では、このプロパティはコンテンツ領域の高さを定義します。しかし、 box-sizingborder-box に設定されていた場合は、 境界領域の高さを定義します。
499 hyphens CSS, CSS Property, CSS テキスト, CSS プロパティ, CSS 文字列, Reference
hyphensCSS のプロパティで、文字列を複数行にわたって折り返す際に、単語のハイフネーションを行う方法を指定します。
500 ID セレクター CSS, Reference, Selector, Selectors
CSS の ID セレクター (ID selector) は、 id 属性の値に基づいて要素と一致します。選択される要素の id 属性は、セレクターで指定した値と完全一致していなければなりません。
501 ident
<ident> CSS データ型 は、 identifier として使用される任意の文字列を意味します。
502 image-orientation CSS, CSS Image, CSS Property, CSS プロパティ, CSS 画像, EXIF, Experimental, Reference, image-orientation, リファレンス, 画像の向き, 画像補正
image-orientationCSS のプロパティで、画像の向きのレイアウトに依存しない修正を指定します。
503 image-rendering CSS, CSS プロパティ, CSS 画像, Reference, image-rendering
CSSimage-rendering プロパティは、画像を拡大縮小するアルゴリズムを設定します。このプロパティは要素自身に適用され、他のプロパティで設定されるあらゆる画像、子孫要素に適用されます。
504 image-set() CSS, CSS Function, CSS-4 Images, Function, Reference, Web
image-set()CSS関数表記で、主に高密度の画面において、指定されたセットから最も適切な CSS 画像をブラウザーに選択させる方法です。
505 <image> CSS, CSS Data Type, CSS Images, Data Type, Graphics, Layout, Reference, Web
<image>CSSデータ型で、二次元の画像を表現します。
506 ime-mode CSS, CSS Reference, Deprecated
ime-mode プロパティは、テキストフィールドで Input Method Editor (以下 IME) をコントロールします。このプロパティは廃止されました。
507 inherit CSS, CSS カスケードと継承, CSS 値, Cascade, Inheritance, Layout, Reference, inherit, カスケード, スタイル, 継承
inherit は CSS のキーワードで、要素のプロパティの計算値を親要素から取得するよう指定します。
508 継承 CSS, Guide, Inheritance, Layout, Web
CSS において、継承 (inheritance) はある要素のあるプロパティに値が指定されなかった場合の挙動を制御します。
509 初期値 CSS, CSS カスケードと継承, Reference
CSS プロパティの 初期値 (initial value)は、定義表に挙げられている既定値です。
510 initial-letter-align Align, CSS, CSS Inline, CSS Property, CSS プロパティ, Experimental, Graphics, Layout, NeedsL, Reference, Web, recipe:css-property
CSS の initial-letter-align プロパティは、段落内の最初の文字の配置を指定します。
511 initial-letter CSS, CSS Inline, CSS Property, Experimental, Graphics, Layout, Reference, Web, recipe:css-property
initial-letter は CSS のプロパティで、頭文字をドロップキャップにしたり、上げたり、下げたりすることを設定します。
512 initial CSS, CSS カスケードと継承, CSS 値, Reference, initial, レイアウト, 初期値
initial は CSS のキーワードで、要素にプロパティの初期値 (または既定値) を設定します。どの CSS プロパティにも適用できます。
513 inline-size CSS, CSS Logical Property, CSS Property, Reference, recipe:css-property
inline-sizeCSS のプロパティで、書字方向に応じた要素ブロックの水平または垂直方向の寸法を定義します。これは width または height プロパティに相当し、 writing-mode の値によって変わります。
514 inset-block-end CSS, CSS Logical Property, CSS Property, Experimental, Reference, recipe:css-property
inset-block-endCSS のプロパティで、要素における末尾からの論理的なオフセットを定義し、要素の書字方向やテキストの向きに従って物理的な内部位置に対応付けられます。
515 inset-block-start CSS, CSS Logical Property, CSS Property, Experimental, Reference, recipe:css-property
inset-block-startCSS のプロパティで、要素における先頭からの論理的なオフセットを定義し、要素の書字方向やテキストの向きに従って物理的な内部位置に対応付けられます。
516 inset-block CSS, CSS Logical Property, CSS Property, Experimental, Reference, recipe:css-shorthand-property
inset-blockCSS のプロパティで、要素におけるブロック方向の先頭および末尾からの論理的な内部位置を定義し、要素の書字方向やテキストの向きに従って物理的な内部位置に対応付けられます。 topbottom、または rightleft のいずれかのプロパティに、 writing-mode, direction, text-orientation で定義された値に従って対応します。
517 inset-inline-end CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference, recipe:css-property
inset-inline-endCSS のプロパティで、要素における行末からの論理的な内部位置を定義し、要素の書字方向やテキストの向きに従って物理的なオフセットに対応付けられます。
518 inset-inline-start CSS, CSS Logical Property, CSS Property, Experimental, Reference, recipe:css-property
inset-inline-startCSS のプロパティで、要素における行頭からの論理的な内部位置を定義し、要素の書字方向やテキストの向きに従って物理的なオフセットに対応付けられます。
519 inset-inline CSS, CSS Logical Property, CSS Property, Experimental, Reference, recipe:css-shorthand-property
inset-inlineCSS のプロパティで、要素におけるインライン方向の先頭および末尾からの論理的な内部位置を定義し、要素の書字方向やテキストの向きに従って物理的な内部位置に対応付けられます。 topbottom、または rightleft のいずれかのプロパティに、 writing-mode, direction, text-orientation で定義された値に従って対応します。
520 inset CSS, CSS Logical Property, CSS Property, Experimental, Property, Reference, recipe:css-property
insetCSS のプロパティで、 top, right, bottom, left に対応する一括指定です。これは margin の一括指定における複数値の場合と同じ構文です。
521 <integer> CSS, CSS データ型, Reference, Web
<integer>CSSデータ型で、 number の特殊型であり、正と負の整数を表現します。 integer は column-count, counter-increment, grid-column, grid-row, z-index など、数多くの CSS プロパティで使用することができます。
522 isolation CSS, CSS プロパティ, 合成と混合
CSSisolation プロパティは、要素が新しいstacking contextを生成する必要があるかどうかを定義します。
523 justify-content CSS, CSS プロパティ, CSS ボックス配置, Reference, justify-content, place-content
CSSjustify-content プロパティは、フレックスコンテナーのMain Axisおよびグリッドコンテナーのインライン軸に沿って、中身のアイテムの間や周囲に間隔を配置する方法を定義します。
524 justify-items CSS, CSS Box Alignment, CSS Property, CSS プロパティ, CSS ボックス配置, Reference, recipe:css-property
CSSjustify-items プロパティは、ボックスのすべてのアイテムに既定の justify-self を定義し、それぞれのボックスの調整を適切な軸に沿って、既定の方法で行ないます。
525 justify-self CSS, CSS プロパティ, CSS ボックス配置, リファレンス
CSSjustify-self プロパティは、配置コンテナーの適切な軸に沿って内部でボックスの位置合わせをする方法を設定します。
526 CSS レイアウト料理帳 CSS, cookbook, レイアウト, レシピ, 料理帳
CSS レイアウト料理帳は、よくあるレイアウトパターンや、あなた自身のサイトに実装する必要がある可能性がある事柄のレシピを共有するためのものです。 プロジェクトの出発点として使うことができるコードを提供することに加えて、これらのレシピは様々な方法のレイアウト仕様書を使用することができることに光を当て、開発者として選択ができるようにします。
527 パンくずナビゲーション CSS, Layout, Navigation, cookbook, flexbox
パンくず(Breadcrumb)ナビゲーションは、来た道をたどって開始ページまで戻ることができるパンくずリストを提供することによって、ユーザーがウェブサイト内の自分の位置を理解するのに役立ちます。
528 カード CSS, CSS Grid, card, cookbook, css layout
このパターンは、オプションのフッター付きの「カード」コンポーネントのリストです。
529 要素を中央に配置 CSS, Layout, Recipe, box alignment, centering, cookbook, flexbox
このレシピでは、あるボックスを別のボックスの中央に配置する方法がわかります。 フレックスボックスを使用する前は、水平方向と垂直方向の両方を中央に配置するのは困難でしたが、ボックス配置プロパティを使用できるようになり簡単になりました。
530 欄レイアウト CSS, Layout, Multi-col, columns, cookbook, flexbox, grid
多くの場合、いくつかの欄を含むレイアウトを作成する必要があります。 CSS にはこれを行うためのいくつかの方法があります。 グリッド、フレックスボックス、段組みのレイアウトのどれを使用するかは、達成しようとしている内容によって異なります。 このレシピでは、これらのオプションについて説明します。
531 レシピを投稿する CSS, Contribute, Layout, Templates, cookbook, recipes
レイアウト料理帳の一例を提供したい場合は、このページでは、あなたの例を公開するための手順について説明します。
532 Cookbook template CSS, Contribute, Layout, Template, cookbook, recipes
このレシピが解決する問題の説明または、あなたが実証しているパターンの説明。
533 グリッドラッパー CSS, Guide, Layout, cookbook, recipes
このパターンは、中央のラッパー内でグリッドのコンテンツを整列させるのに便利ですが、必要に応じて項目を脱出させて親要素やページの端に整列させることもできます。
534 バッジ付きリストグループ CSS, Layout, box alignment, cookbook, flexbox, lists
このレシピでは、カウントを示すバッジ付きのリストグループのパターンを作成します。
535 レシピ: メディアオブジェクト CSS, Layout, Media object, Recipe, cookbook, fit-content, float, grid
メディアオブジェクトは、ウェブ上のいたるところで見られるパターンです。 Nicole Sullivan によって命名され、それは一方の側に画像を、そして他方の側に説明的なテキストを有する Facebook の投稿やツイートのような2列のボックスを指します。
536 ページ付け CSS, Layout, cookbook, flexbox, pagination
この料理帳のパターンは、ページ付け(pagination)を表示するために使用されるナビゲーションのパターンを示し、ユーザーは検索結果などのコンテンツのページ間を移動できます。
537 ナビゲーションの分割 CSS, Layout, Navigation, Recipe, cookbook, flexbox
1つ以上の要素が他のナビゲーション項目から分離されているナビゲーションのパターンです。
538 固定フッター CSS, Guide, Layout, cookbook, flexbox, grid, sticky footer
固定フッターのパターンは、コンテンツがビューポートの高さより短い場合に、ページのフッターがビューポートの下部に「固定」されるパターンです。 このレシピでこれを作成するためのいくつかのテクニックを見ていきます。
539 レイアウトモード CSS, リファレンス, レイアウト
CSSレイアウトモード (または単に「レイアウト」) は、ボックスの位置やサイズを、兄弟要素や祖先要素のボックスとの相互作用を踏まえて決めるアルゴリズムです。複数のレイアウトモードがあります。
540 left CSS, CSS Property, CSS プロパティ, CSS 位置指定レイアウト, Reference
leftCSS のプロパティで、位置指定要素 (positioned element) の水平位置の決定に関与します。位置指定されていない要素には効果はありません。
541 <length-percentage> CSS, CSS Data Type, CSS データ型, Reference, length-percentage, units, values, 値, 単位
<length-percentage>CSSデータ型で、 length または percentage が取りうる値を表します。
542 <length> CSS, CSS データ型, CSS 値と単位, Layout, Reference, Web, length, ウェブ, レイアウト
CSS<length> データ型は、長さの値を表します。長さは width, height, margin, padding, border-width, font-size, text-shadow など数多くの CSS プロパティで使用されています。
543 letter-spacing CSS, CSS Property, CSS Text, Reference, SVG, recipe:css-property
letter-spacingCSS のプロパティで、テキストの水平方向の字間のスペースに関する挙動を設定します。この値はテキストを描画する際に文字間の自然な空間に追加されます。 letter-spacing が正の値であった場合は、文字と文字の間が開き、 letter-spacing が負の値であった場合は、文字と文字が互いに近づきます。
544 line-break Asian, CSS, CSS Property, CSS Text, NeedsExample, Reference, i18n, l10n, recipe:css-property, 日本語処理, 禁則処理
line-break は CSS のプロパティで、中国語、日本語、韓国語 (CJK) のテキストにおいて、句読点や記号を用いた場合の改行規則を設定します。
545 line-height-step CSS, CSS フォント, CSS プロパティ, Reference, recipe:css-property
line-height-step は CSS のプロパティで、行ボックスの高さにおける刻みの単位を設定します。このプロパティが設定された場合、行ボックスの高さは単位の倍数のうち最も近いものに切り上げられます。
546 line-height CSS, CSS Fonts, CSS Property, CSS フォント, CSS プロパティ, Layout, Reference, Text, Vertical, height, recipe:css-property, size
line-heightCSS のプロパティで、行ボックスの高さを設定します。これは主にテキストの行間を設定するために使用します。
547 linear-gradient() CSS, CSS 画像, CSS 関数, Reference, Web, ウェブ, グラフィック, レイアウト
CSSlinear-gradient() 関数は、二つ以上の色の間で、連続的な直線の変化から構成される画像を生成します。結果は <gradient> データ型のオブジェクトであり、これは <image> の特殊型です。
548 プロプライエタリな CSS 機能の一覧 CSS, Junk
このページは不完全かつ古いものです。もっと新しい情報は以下のページをご覧ください。
549 list-style-image CSS, CSS プロパティ, CSS リスト, Reference, list-style, list-style-image
CSSlist-style-image プロパティは、リスト項目のマーカーとして使われる画像を設定します。
550 list-style-position CSS, CSS プロパティ, CSS リスト, Reference, list-style, list-style-position
CSSlist-style-position プロパティは、リストアイテムに対する ::marker の位置を指定します。
551 list-style-type CSS, CSS プロパティ, CSS リスト, Reference
list-style-typeCSS のプロパティで、リスト項目要素のマーカーを設定します (円、文字、独自のカウンタースタイルなど)。
552 list-style CSS, CSS プロパティ, CSS リスト, Reference, list-style, list-style-image, list-style-position, list-style-type, リファレンス
CSS の list-style プロパティは一括指定で、リストスタイルプロパティの list-style-type, list-style-image, list-style-position を設定します。
553 margin-block-end CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, NeedsContent, Reference, margin-block, margin-block-end
margin-block-endCSS のプロパティで、要素のインライン方向の論理的な先頭側のマージンを定義し、それが要素の書字方向やテキストの方向に応じて物理的なマージンに対応付けられます。
554 margin-block-start CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, NeedsContent, Reference, margin-block, margin-block-start
margin-block-startCSS のプロパティで、要素のインライン方向の論理的な先頭側のマージンを定義し、それが要素の書字方向やテキストの方向に応じて物理的なマージンに対応付けられます。
555 margin-block CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, margin-block, margin-block-end, margin-block-start, 一括指定プロパティ
The margin-blockCSS のプロパティで、論理的なブロックの先頭と末尾のマージンを設定します。これは要素の書字方向やテキストの向きに応じて物理的なマージンに変換されます。
556 margin-bottom CSS, CSS Property, Reference, recipe:css-property
margin-bottomCSS のプロパティで、要素の下側のマージン領域を設定します。正の数を指定すると、隣との間が遠くなるように配置され、負の数を指定すると、近くなるように配置します。
557 margin-inline-end CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, NeedsContent, Reference, margin-inline, margin-inline-end
margin-inline-endCSS のプロパティで、要素のインライン方向の論理的な末尾側のマージンを定義し、それが要素の書字方向やテキストの方向に応じて物理的なマージンに対応付けられます。これは margin-top, margin-right, margin-bottom, margin-left の何れかのプロパティに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
558 margin-inline-start CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 物理的プロパティ, Experimental, Reference, margin-inline, margin-inline-start
margin-inline-startCSS のプロパティで、要素のインライン方向の論理的な先頭側のマージンを定義し、それが要素の書字方向やテキストの方向に応じて物理的なマージンに対応付けられます。これは margin-top, margin-right, margin-bottom, margin-left の何れかのプロパティに対応し、どれに対応するかは writing-mode, direction, text-orientation で定義された値によって決まります。
559 margin-inline CSS, CSS Logical Property, CSS Property, CSS プロパティ, CSS 論理的プロパティ, Experimental, Reference, margin-inline, margin-inline-end, margin-inline-start
The margin-inlineCSS のプロパティで、論理的なインライン方向の先頭と末尾のマージンを設定します。これは要素の書字方向やテキストの向きに応じて物理的なマージンに変換されます。
560 margin-left CSS, CSS Property, Layout, Reference, recipe:css-property
margin-leftCSS のプロパティで、要素の左側のマージン領域を設定します。正の数を指定すると、隣との間が遠くなるように配置され、負の数を指定すると、近くなるように配置します。
561 margin-right CSS, CSS Property, Reference, recipe:css-property
margin-rightCSS のプロパティで、要素の右側のマージン領域を設定します。正の数を指定すると、隣との間が遠くなるように配置され、負の数を指定すると、近くなるように配置します。
562 margin-top CSS, CSS Property, Reference, recipe:css-property
margin-topCSS のプロパティで、要素の上側のマージン領域を設定します。正の数を指定すると、隣との間が遠くなるように配置され、負の数を指定すると、近くなるように配置します。
563 margin CSS, CSS プロパティ, CSS 基本ボックスモデル, Reference
marginCSS のプロパティで、要素の全四辺のマージン領域を設定します。これはすべての個別のマージン (margin-top, margin-right, margin-bottom, margin-left) の一括指定です。
564 mask-border-repeat CSS, CSS プロパティ, CSS マスク, Experimental, Reference
CSSmask-border-repeat プロパティは、どのように元の画像の辺の領域を要素のマスク境界の寸法に合うように調整するかを設定します。
565 mask-border-source CSS, CSS プロパティ, CSS マスク, Experimental, Reference
CSSmask-border-source プロパティは、要素のマスク境界 (en-US)を生成するのに使われる元の画像を設定します。
566 mask-border-width CSS, CSS プロパティ, CSS マスク, Experimental, Reference
CSSmask-border-width プロパティは、要素のマスク境界 (en-US)の幅を設定します。
567 mask-clip CSS, CSS Masking, CSS Property, CSS マスク, Experimental, Reference
mask-clipCSS のプロパティで、マスクが影響する領域を指定します。要素の描画されるコンテンツはこの領域に制限されます。
568 mask-composite CSS, CSS Masking, CSS Property, Experimental, Reference, recipe:css-property
mask-compositeCSS のプロパティで、現在のマスクレイヤーとその下のマスクレイヤーとの間で使われる合成操作を表します。
569 mask-image CSS, CSS プロパティ, CSS マスク, Experimental, Reference
mask-imageCSS のプロパティで、要素のマスクレイヤーとして使用される画像を設定します。
570 mask-mode CSS, CSS Masking, CSS Property, Experimental, Reference, recipe:css-property
CSSmask-mode プロパティは、 mask-image で定義されたマスクを、明度とアルファマスクのどちらで扱うかを設定します。
571 mask-origin CSS, CSS プロパティ, CSS マスク, Experimental, Reference
mask-originCSS のプロパティで、マスクの基準位置を設定します。
572 mask-position CSS, CSS プロパティ, CSS マスク, Experimental, Reference
mask-positionCSS プロパティで、定義されたマスク画像それぞれについて、 mask-origin で設定されたマスク位置レイヤーからの相対で初期位置を設定します。
573 mask-repeat CSS, CSS プロパティ, CSS マスク, Experimental, Reference
mask-repeatCSS プロパティで、マスク画像をどのように繰り返すかを設定します。マスク画像は水平軸、垂直軸、両方の軸で繰り返すか、まったく繰り返さないようにすることができます。
574 mask-type CSS, CSS Masking, CSS Property, CSS プロパティ, CSS マスク, Reference, SVG
mask-typeCSS のプロパティで、 SVG の mask 要素をルミナンスマスクとアルファマスクのどちらとして扱うかを設定します。これは <mask> 要素自身に設定します。
575 max-block-size CSS, CSS Logical Property, CSS Property, Experimental, Layout, Maximum Height, Maximum Width, Reference, height, max-block-size, recipe:css-property, size, width
max-block-sizeCSS のプロパティで、 writing-mode で指定された書字方向とは逆の向きの要素の最大寸法を指定します。
576 max-height CSS, CSS Property, Layout, Maximum, Reference, dimensions, height, limit, max-height, recipe:css-property, size
max-heightCSS のプロパティで、要素の最大高を設定します。これは height プロパティの使用値が、 max-height に指定した値を上回ることを防ぎます。
577 max-inline-size CSS, CSS Logical Properties, CSS Logical Property, CSS Property, Element size, Experimental, Reference, Text Direction, Writing Mode, max-inline-size, recipe:css-property
max-inline-sizeCSS のプロパティで、書字方向に応じて要素ブロックの水平または垂直方向の最大の寸法を定義します。これは max-width または max-height のどちらかのプロパティと、 writing-mode の値に応じて対応します。
578 max-width CSS, CSS Property, CSS プロパティ, Reference
max-widthCSS のプロパティで、要素の最大幅を設定します。これは width プロパティの使用値が、 max-width で指定した値を上回ることを防ぎます。
579 max() CSS, CSS Function, CSS 関数, Calculate, Compute, Function, Layout, Reference, Web, max, 関数
max()CSS 関数で、 CSS プロパティの値としてカンマで区切られた式のリストから最大の (最も正である) 値を設定できます。 max() 関数は <length><frequency>,、<angle><time><percentage><number><integer> が利用できるところならばどこでも使用することができます。
580 メディアクエリ CSS, CSS3 メディアクエリ, Reference, メディアクエリ, リファレンス, レスポンシブデザイン, 概要
メディアクエリによって、サイトやアプリを様々な引数や端末の特性に基づいて合わせることができます。
581 プログラムによるメディアクエリーのテスト Advanced, CSS, DOM, Guide, JavaScript, Media Queries, MediaQueryList, Responsive Design, Web, matchMedia, ウェブ, メディアクエリー, レスポンシブデザイン
DOM では、メディアクエリーの結果を MediaQueryList インターフェイスおよびそのメソッドやプロパティを用いてプログラムからで調べることができる機能を備えています。 MediaQueryList オブジェクトを作成すると、クエリーの結果を確認したり、結果が変化したときに自動的に通知を受け取ったりすることができます。
582 アクセシビリティのためのメディアクエリの使用 @media, CSS, アクセシビリティ, アニメーション, メディア特性
メディアクエリは、障碍を持ったユーザーがウェブサイトをより理解することを支援するためにも利用することができます。
583 メディアクエリの使用 Advanced, CSS, Guide, ウェブ, ガイド, メディア, メディアクエリ, レスポンシブデザイン
メディアクエリは、一般的な端末の種類 (プリンタと画面など)や特定の特性 (画面の解像度やブラウザーのviewportの幅など) に応じてサイトやアプリを変更したいときに便利です。
584 Microsoft CSS 拡張 CSS, CSS:Microsoft 拡張, Microsoft 拡張, Non-standard, Reference
Edge や Internet Explorer のような Microsoft のアプリケーションは、いくつもの特殊な CSS の Microsoft 拡張に対応しています。これらの拡張には接頭辞に -ms- が付きます。
585 min-block-size CSS, CSS Logical Property, CSS Property, Experimental, Reference, min-block-size, recipe:css-property
min-block-sizeCSS のプロパティで、書字方向に応じて要素ブロックの水平または垂直方向の最小の寸法を定義します。これは min-width または min-height のどちらかのプロパティと、 writing-mode の値に応じて対応します。
586 min-height CSS, CSS Property, Layout, Minimum, Reference, dimensions, height, min-height, recipe:css-property, size
min-heightCSS のプロパティで、要素の最小幅を設定します。これは height プロパティの使用値が、min-height で指定した値を下回ることを防ぎます。
587 min-inline-size CSS, CSS Logical Property, CSS Property, Experimental, Reference, min-inline-size, recipe:css-property
min-inline-sizeCSS のプロパティで、書字方向に応じて要素ブロックの水平または垂直方向の最小の寸法を定義します。これは min-width または min-height のどちらかのプロパティと、 writing-mode の値に応じて対応します。
588 min-width CSS, CSS Property, CSS プロパティ, Reference
min-widthCSS のプロパティで、要素の最小幅を設定します。これは width プロパティの使用値が、min-width で指定した値を下回ることを防ぎます。
589 min() CSS, CSS Function, CSS 関数, Calculate, Compute, Function, Layout, Reference, min
min()CSS 関数で、 CSS プロパティの値としてカンマで区切られた式のリストから最小の (最も負である) 値を設定できます。 min() 関数は <length><frequency>,、<angle><time><percentage><number><integer> が利用できるところならばどこでも使用することができます。
590 minmax() CSS, CSS Function, CSS グリッドレイアウト, CSS 関数, Experimental, Reference, ウェブ, レイアウト
minmax()CSS の関数で、寸法の範囲を min 以上、 max 以下で定義します。 CSS グリッドで使用されます。
591 mix-blend-mode CSS, CSS プロパティ, ウェブ, リファレンス, 合成と混合
CSSmix-blend-mode プロパティは、要素の内容物と親要素の内容物や要素の背景をどのように混合するかを設定します。
592 CSS の Mozilla 拡張 CSS, Mozilla 拡張, Reference, 標準外
Firefox などの Mozilla アプリケーションは、いくつもの特別な CSS の Mozilla 拡張に対応しています。これには、プロパティ、値、疑似要素、疑似クラス、@-規則、メディアクエリが含まれます。これらの拡張には -moz- 接頭辞が付いています。
593 <number> CSS, CSS データ型, Number, Reference, ウェブ, レイアウト, 数値
CSS<number> データ型は、整数または小数部分のある数値を表します。
594 object-fit CSS, CSS プロパティ, CSS 画像, object-fit, リファレンス, レイアウト, 寸法
CSSobject-fit プロパティは、置換要素、例えば imgvideo などの中身を、コンテナーにどのようにはめ込むかを設定します。
595 object-position CSS, CSS Image, CSS Property, Reference
object-position プロパティは、ボックス内における置換要素の配置を指定します。Areas of the box which aren't covered by the replaced element's object will show the element's background.
596 offset-distance CSS, CSS Motion Path, CSS Property, CSS プロパティ, CSS モーションパス, Experimental, Motion Path, Reference, motion-offset, offset-distance, recipe:css-property, モーションパス
offset-distance は CSS プロパティで、 offset-path 上の要素を配置する位置を指定します。
597 offset-path CSS, CSS Motion Path, CSS モーションパス, Experimental, Motion Path, Reference, motion-path, offset-path, recipe:css-property, モーションパス
offset-pathCSS のプロパティで、要素がたどる移動経路と、親コンテナーまたは SVG 座標系の中での要素の配置を指定します。
598 offset-position CSS, CSS Motion Path, CSS Property, Experimental, Property, offset-position, recipe:css-property
offset-position は CSS のプロパティで、 offset-path初期位置を定義します。
599 offset-rotate CSS, CSS Motion Path, CSS Property, CSS プロパティ, CSS モーションパス, Experimental, Reference, offset-rotate, recipe:css-property
offset-rotate は CSS のプロパティで、要素が offset-path に沿って配置された場合の向き/方向を定義します。
600 offset CSS, CSS Motion Path, CSS Property, Experimental, Reference, recipe:css-shorthand-property
offset は CSS の一括指定プロパティで、要素を定義された経路に沿って動かすのに必要なすべてのプロパティを設定します。
601 opacity CSS, CSS プロパティ, Opacity, Reference, 不透明度
CSS の opacity プロパティは、要素の不透明度を設定します。不透明度は要素の裏にあるコンテンツが隠れる度合いであり、透明度の逆です。
602 order CSS, CSS フレックスボックス, CSS プロパティ, Reference, recipe:css-property
CSSorder プロパティは、フレックスコンテナーやグリッドコンテナーの中で、アイテムを並べる順序を設定します。コンテナー内のアイテムは order の値の昇順に配置され、さらにソースコード内の順序で配置されます。
603 orphans CSS, CSS プロパティ, CSS 断片化, Reference, Web
orphansCSS のプロパティで、ページ、領域、最下部に表示されるブロックコンテナーの最小行数を設定します。
604 outline-color CSS, CSS Outline, CSS Property, CSS User Interace, HTML Colors, HTML Styles, Outline, Reference, Styles, Styling HTML, outline-color, recipe:css-property
outline-color は CSS のプロパティで、要素の輪郭線の色を設定します。
605 outline-offset CSS, CSS Outline, CSS Property, CSS プロパティ, CSS 輪郭線, Reference, recipe:css-property
CSS の outline-offset プロパティは、要素の辺や境界線と輪郭線との空間の量を設定します。
606 outline-style CSS, CSS プロパティ, CSS 輪郭線, Outline, Reference, outline-style
CSS の outline-style プロパティは、要素の輪郭線のスタイルを設定します。輪郭線とは要素の周りに描かれる線のことで、 border よりも外側です。
607 outline-width CSS, CSS Outline, CSS Property, Layout, Reference, recipe:css-property
CSSoutline-width プロパティは、要素の輪郭線の太さを設定します。輪郭線とは要素の周りに描かれる線のことで、 border よりも外側です。
608 outline CSS, CSS プロパティ, CSS 基本ユーザーインターフェイス, CSS 輪郭線, Layout, Reference, レイアウト
outlineCSS のプロパティで、輪郭線 (outline) に関する様々なプロパティ (outline-style, outline-width, outline-color) を単一の宣言で設定するための一括指定です。
609 overflow-anchor CSS, CSS Property, CSS Scroll Anchoring, CSS スクロールアンカリング, CSS プロパティ, Reference, overflow-anchor, スクロールアンカリング
overflow-anchorCSS のプロパティで、コンテンツの移動を最小化するためにスクロール位置を調整する、ブラウザーのスクロールアンカリングの動作をオプトアウトする方法を提供します。
610 スクロールアンカリングの紹介 CSS, Guide, overflow-anchor, scroll anchoring, スクロールアンカリング
ウェブのユーザーであれば、おそらくスクロールアンカリングが解決する問題をよく知っているはずです。速度の遅い接続で長いページを閲覧し、コンテンツを読むためにスクロールを始めるとします。一所懸命に読んでいる間に、ページの見ている部分が突然ジャンプしてしまうことがあります。これはコンテンツの上部に、大きな画像やその他の要素が読み込まれたことによって引き起こされます。
611 overflow-block CSS, CSS Box Model, CSS Property, Reference, recipe:css-property
overflow-blockCSS プロパティで、内容がブロックの先頭およびブロックの末尾の端をあふれた時にどのように表示するかを設定します。これは表示なし、スクロールバー付き、内容をはみ出させる、のいずれかになります。
612 overflow-inline CSS, CSS Box Model, CSS Property, Reference, recipe:css-property
overflow-inlineCSS のプロパティで、内容がボックスのインライン方向の先頭および末尾方向の端をはみ出した時に、どのように表示するかを設定します。これは表示なし、スクロールバー付き、内容をはみ出させるの何れかになります。
613 overflow-wrap CSS, CSS テキスト, CSS プロパティ, Reference
overflow-wrapCSS のプロパティで、インライン要素に対して、テキストが行ボックスをあふれないように、ブラウザーが不可分の文字列の途中で改行を入れるかどうかの設定を適用します。
614 overflow-x CSS, CSS Box Model, CSS Property, CSS プロパティ, CSS ボックスモデル, Reference, overflow, recipe:css-property
overflow-xCSS のプロパティで、ブロックレベル要素の内容が左右の境界からあふれた場合、どのように表示するのかを設定します。表示しないか、スクロールバーを表示するか、あふれさせるかを設定できます。
615 overflow-y CSS, CSS Property, CSS プロパティ, CSS ボックスモデル, Reference, overflow, recipe:css-property
overflow-yCSS のプロパティで、ブロックレベル要素の内容が上下の境界からあふれた場合、どのように表示するのかを設定します。表示しないか、スクロールバーを表示するか、あふれさせるかを設定できます。
616 overflow CSS, CSS プロパティ, CSS 基本ボックスモデル, Reference, overflow, クリッピング, スクロール, レイアウト
CSSoverflow プロパティは、要素の内容が多すぎてブロック整形コンテキストに収まらない場合にどうするかを設定します。これは overflow-x および overflow-y一括指定です。
617 overscroll-behavior-block CSS, CSS Box Model, CSS Logical Properties, CSS Property, NeedsExample, Reference, overscroll-behavior-block, recipe:css-property
overscroll-behavior-block は CSS のプロパティで、スクロール領域のブロック方向の境界に達したときのブラウザーの挙動を設定します。
618 overscroll-behavior-inline CSS, CSS Box Model, CSS Logical Properties, CSS Property, NeedsExample, Reference, overscroll-behavior-inline, recipe:css-property
overscroll-behavior-inline は CSS のプロパティで、スクロール領域のインライン方向の境界に達したときのブラウザーの挙動を設定します。
619 overscroll-behavior-x CSS, CSS Box Model, CSS Property, Reference, overscroll-behavior-x, recipe:css-property
overscroll-behavior-x は CSS のプロパティで、スクロール領域の水平方向の境界に達したときのブラウザーの挙動を設定します。
620 overscroll-behavior-y CSS, CSS Box Model, CSS Property, Reference, overscroll-behavior-y, recipe:css-property
overscroll-behavior-y は CSS のプロパティで、スクロール領域の垂直方向の境界に達したときのブラウザーの挙動を設定します。
621 overscroll-behavior CSS, CSS Box Model, CSS Property, Reference, overscroll-behavior, recipe:css-property
CSS の overscroll-behavior プロパティは、スクロール領域の境界に達したときにブラウザーが何をするかを設定します。これは overscroll-behavior-x および overscroll-behavior-y の一括指定です。
622 padding-block-end CSS, CSS Logical Property, CSS Property, Experimental, Reference, padding-block, padding-block-end, recipe:css-property
padding-block-endCSS のプロパティで、要素のブロック方向の論理的な末尾側のパディングを定義し、それが要素の書字方向やテキストの方向に応じて物理的なマージンに対応付けられます。
623 padding-block-start CSS, CSS Logical Property, CSS Property, Experimental, Reference, padding-block, padding-block-start, recipe:css-property
padding-block-startCSS のプロパティで、要素のブロック方向の論理的な先頭側のパディングを定義し、それが要素の書字方向やテキストの方向に応じて物理的なマージンに対応付けられます。
624 padding-block CSS, padding-block, recipe:css-shorthand-property
padding-blockCSS一括指定プロパティで、論理的なブロック方向の先頭と末尾のパディングを設定します。これは要素の書字方向やテキストの向きに応じて物理的なパディングに変換されます。
625 padding-bottom CSS, CSS Padding, CSS Property, Reference, recipe:css-property
padding-bottomCSS のプロパティで、要素のパディング領域における下側の高さを設定します。
626 padding-inline-end CSS, CSS Logical Property, CSS Property, Experimental, Reference, padding-inline, padding-inline-end, recipe:css-property
padding-inline-endCSS のプロパティで、要素のインライン方向の論理的な末尾側のパディングを定義し、それが要素の書字方向やテキストの方向に応じて物理的なマージンに対応付けられます。
627 padding-inline-start CSS, CSS Logical Property, CSS Property, Experimental, Reference, padding-inline, padding-inline-start, recipe:css-property
padding-inline-startCSS のプロパティで、要素のインライン方向の論理的な先頭側のパディングを定義し、それが要素の書字方向やテキストの方向に応じて物理的なマージンに対応付けられます。
628 padding-inline CSS, padding-inline, recipe:css-shorthand-property
padding-inlineCSS一括指定プロパティで、論理的なインライン方向の先頭と末尾のパディングを設定します。これは要素の書字方向やテキストの向きに応じて物理的なパディングに変換されます。
629 padding-left CSS, CSS Padding, CSS Property, Reference, recipe:css-property
padding-leftCSS のプロパティで、要素のパディング領域における左側の幅を設定します。
630 padding-right CSS, CSS Padding, CSS Property, Reference, recipe:css-property
padding-rightCSS のプロパティで、要素のパディング領域における右側の幅を設定します。
631 padding-top CSS, CSS Padding, CSS Property, Reference, recipe:css-property
padding-topCSS のプロパティで、要素のパディング領域における上側の高さを設定します。
632 padding CSS, CSS Padding, CSS Property, Reference, recipe:css-shorthand-property
paddingCSS一括指定プロパティで、要素の全四辺のパディング領域を一度に設定します。
633 page-break-after CSS, CSS Property, Page Breaks, Reference
page-break-after CSS プロパティは、現在の要素の後で改ページが行われるように調整します。
634 page-break-before CSS, CSS プロパティ, CSS ページ付きメディア, Reference, 改ページ
page-break-before CSS プロパティは、現在の要素の前で改ページが行われるように調整します。
635 page-break-inside CSS, CSS プロパティ, CSS ページ付きメディア, Reference, 改ページ
CSS の page-break-inside プロパティは、現在の要素の内側の 改ページを調整します。
636 ページ化メディア CSS, CSS ページ化メディア, ページ区切り, リファレンス
ページ化メディアのプロパティは、印刷物などの分離したページでコンテンツが分割されるメディアのコンテンツの表現を制御します。ページ区切り、印刷可能領域の制御、左と右のページの違い、要素内の改ページの制御などを設定することができます。広く対応されているプロパティは以下の通りです。
637 paint-order CSS, Experimental, Reference, SVG, ウェブ, 描画順序
paint-orderCSS のプロパティで、テキストコンテンツやシェイプが描画されるときの塗りつぶしと輪郭 (およびマーカーの描画) の順序を制御することができます。
638 paint() CSS, CSS Function, CSS 関数, CSS4-images, Houdini, Reference, Web, ウェブ
paint()CSS の関数で、 PaintWorklet で生成された <image> の値を定義します。
639 <percentage> CSS, CSS Data Type, Data Type, Layout, Reference, Web
<percentage>CSSデータ型で、パーセント値による割合を表します。要素の親オブジェクトからの相対的な寸法を定義するためによく使われます。 widthheight, margin, paddingfont-size など、たくさんのプロパティでパーセント値を使うことができます。
640 perspective-origin 3D, CSS, CSS プロパティ, CSS 変形, perspective, perspective-origin, リファレンス
CSSperspective-origin プロパティは、閲覧者の視点の位置を決めます。これは perspective プロパティによって消失点として使われます。
641 perspective CSS, CSS プロパティ, CSS 変形, Reference, グラフィック, プロパティ, 距離
perspectiveCSS のプロパティで、 z=0 の平面とユーザーとの間の距離を定めて三次元に配置された要素に遠近感を与えます。
642 place-content CSS, CSS プロパティ, CSS ボックス配置, Reference, align-content, justify-content, place-content, リファレンス
CSSplace-content プロパティは、 align-content および justify-content一括指定です。これらの配置方法を利用するどのレイアウト方法でも使用することができます。
643 place-items CSS, CSS グリッドレイアウト, CSS フレックスボックスレイアウト, CSS プロパティ, CSS ボックス配置, Reference
CSSplace-items 一括指定プロパティは、 align-items および justify-items プロパティをそれぞれ設定します。二番目の値が設定されていない場合、最初の値がそちらにも使用されます。
644 place-self CSS, CSS プロパティ, CSS ボックス配置, place-self, リファレンス
CSSplace-self プロパティは、 align-self および justify-self プロパティの両方を設定する一括指定プロパティです。最初の値は align-self プロパティの値で、二番目の値は justify-self プロパティの値です。二番目の値が存在しない場合、最初の値がそちらにも使用されます。
645 pointer-events CSS, CSS Property, CSS プロパティ, Reference, SVG, pointer-events, recipe:css-property
pointer-eventsCSS のプロパティで、特定のグラフィック要素がポインターイベントの対象になる可能性のある環境 (存在する場合) を設定します。
646 <position> CSS, CSS Data Type, CSS データ型, Data Type, Layout, Reference, Web, データ型
<position> (または <bg-position>) は CSSデータ型で、二次元の座標を表し、要素ボックスからの相対的な位置を示すために用いられます。 background-position および offset-anchor で使用されています。
647 position CSS, CSS Positioning, CSS Property, Reference, recipe:css-property
positionCSS のプロパティで、文書内で要素がどのように配置されるかを設定します。 top, right, bottom, left の各プロパティが、配置された要素の最終的な位置を決めます。
648 プライバシーと :visited セレクター CSS, Guide, Pseudo-class, Reference, Security, Selectors
およそ 2010 年よりも前、 CSS:visited セレクターによって、ウェブサイトがユーザーの閲覧履歴を明らかにし、ユーザーがどのサイトを訪問したかを把握することができました。これは window.getComputedStyle およびその他の技術を用いて行われていました。この処理はすばやく実行され、ユーザーがどこを訪れたかを特定できるだけでなく、ユーザーの身元に関する多くの情報を推測することも可能になりました。
649 擬似クラス CSS, Reference, セレクター, 擬似クラス, 概要, 疑似クラス
CSS擬似クラス (Pseudo-classes) は、セレクターに付加するキーワードであり、選択された要素に対して特定の状態を指定します。例えば :hover 擬似クラスで、ユーザーのポインターが当たったときにボタンの色を変更することができます。
650 擬似要素 (Pseudo-elements) CSS, Guide, Overview, Pseudo-element, Reference, Selectors
CSS の 擬似要素 (Pseudo-elements) はセレクターに付加するキーワードで、選択された要素の特定の部分にスタイル付けできるようにするものです。例えば ::first-line 擬似要素は、段落の最初の行のフォントを変更するために使用することができます。
651 quotes CSS, CSS プロパティ, CSS 生成コンテンツ, Reference, ウェブ, レイアウト, 生成コンテンツ
quotesCSS のプロパティで、引用符がどのように表示されるかを設定します。
652 radial-gradient() CSS, CSS Function, CSS Images, Function, Graphics, Layout, Reference, Web, gradient
CSSradial-gradient() 関数は、二つ以上の色の連続的な移行が原点から放射状に広がる画像を生成します。形状は円形になったり楕円形になったりします。関数の結果は <gradient> データ型のオブジェクトであり、これは <image> の特殊形です。
653 <ratio> CSS, CSS Data Type, Data Type, Layout, Reference, Web
<ratio>CSSデータ型で、アスペクト比メディアクエリ内で記述するために使用し、2つの単位のない値で比率を記述します。
654 CSS リファレンス CSS, Guide, Overview, Reference, l10n:priority
この CSS リファレンス は、すべての標準 CSS プロパティ、擬似クラス擬似要素データ型関数記法アット規則アルファベット順の索引 として利用できます。また、すべての CSS 種類別セレクター の一覧および 重要な CSS の概念 の一覧もあります。また、簡単な DOM-CSS / CSSOM リファレンス も含まれています。
655 repeat() CSS, CSS Function, CSS Grid, Function, Layout, Reference, Web
repeat()CSS の関数で、トラックリスト内での繰り返し部分を表し、列や行の繰り返しをよりコンパクトに書くことができます。
656 repeating-linear-gradient() CSS, CSS 画像, CSS 関数, Reference, ウェブ, グラフィック, レイアウト
CSSrepeating-linear-gradient() 関数は、反復線形グラデーションによる画像を生成します。 linear-gradient と似ており、同じ引数を取りますが、両方向に無限に色経由点を繰り返してコンテナー全体を埋めます。関数の返値は <gradient> データ型のオブジェクトであり、これは <image> の特殊型です。
657 repeating-radial-gradient() CSS, CSS 画像, CSS 関数, Reference, ウェブ, グラデーション, グラフィック, レイアウト
CSSrepeating-radial-gradient() 関数は、原点から広がり繰り返すグラデーションから成る画像を生成します。 radial-gradient と似ており、同じ引数を取りますが、 repeating-linear-gradient と同様にすべての方向に色経由点を無限に繰り返してコンテナー全体を埋めます。関数の返値は <gradient> データ型のオブジェクトであり、これは <image> の特殊型です。
658 置換要素 CSS, Reference, 置換要素, 配置
CSS において、置換要素は CSS のスコープの外で表現される要素です。 CSS の整形モデルとは独立して表現される外部オブジェクトです。
659 resize CSS, CSS プロパティ, CSS 基本ユーザーインターフェイス, Reference
CSSresize プロパティは、要素の寸法を変更できるかどうか、もしそうなら、どの方向に変更できるかを設定します。
660 <resolution> CSS, CSS データ型, Reference, ウェブ, レイアウト
<resolution>CSSデータ型 で、メディアクエリresolution で使われ、出力端末のピクセル密度である、解像度を表します。
661 解決値 CSS, Reference
CSS プロパティの解決値 は、Window.getComputedStyleによって返される値です。
662 right CSS, CSS プロパティ, CSS 位置指定レイアウト, Reference, ウェブ
CSSright プロパティは、位置指定要素 (positioned elements) の水平位置の決定に関与します。位置指定されていない要素には効果はありません。
663 rotate CSS, CSS Property, Reference, Transforms
CSSrotate プロパティは、 transform とは個別に独立して回転変換を指定することができます。これは一般のユーザーインターフェイスの利用においてはより適しており、 transform の値で変形関数を指定する実際の順序を覚えておく手間を軽減します。
664 row-gap (grid-row-gap) CSS, CSS グリッドレイアウト, CSS フレックスボックス, CSS プロパティ, Reference, row-gap
row-gapCSS のプロパティで、要素のグリッド行の間のすき間 (gutters) の寸法を定義します。
665 ruby-align CSS, CSS プロパティ, CSS ルビ, Reference
CSS の ruby-align プロパティは、ベースに対するさまざまなルビの配分を定義します。
666 ruby-position CSS, CSS プロパティ, CSS ルビ, リファレンス
CSS の ruby-position プロパティは、ベース要素に対するルビ要素の位置を定義します。要素の上方 (over)、下方 (under)、文字の間の右側 (inter-character) に配置できます。
667 scale CSS, CSS Property, Reference, Transforms, recipe:css-property
scaleCSS のプロパティで、 transform とは個別に独立して倍率変換を指定することができます。これは一般のユーザーインターフェイスの利用においてはより適しており、 transform の値で変換関数を指定する実際の順序を思い出す手間を軽減します。
668 scroll-behavior CSS, CSS Property, CSS プロパティ, CSSOM View, Reference, recipe:css-property
scroll-behaviorCSS のプロパティで、ナビゲーションや CSSOM のスクローリング API によってスクロールするボックスにスクロールが発生した際の、そのスクロールの振る舞いを設定します。
669 scroll-margin-bottom CSS, CSS Property, CSS プロパティ, Reference, Web, scroll-margin, scroll-margin-bottom
scroll-margin-bottom プロパティは、スクロールスナップ領域の下側のマージンを定義し、このボックスをスナップポートにスナップするために使用されます。スクロールスナップ領域は変換された境界ボックスによって定義され、四角形の囲みボックスを探して (スクロールコンテナーの座標空間における軸に合わせられ)、それから指定された外部距離が追加されます。
670 scroll-margin-inline-end Advanced, CSS, NeedsExample, Reference, 上級者
scroll-margin-inline-end プロパティは、スクロールスナップ領域のインライン方向における末尾側のマージンを定義し、このボックスをスナップポートにスナップするために使用されます。スクロールスナップ領域は変換された境界ボックスによって定義され、四角形の囲みボックスを探して (スクロールコンテナーの座標空間における軸に合わせられ)、それから指定された外部距離が追加されます。
671 scroll-margin-inline-start CSS, CSS Property, CSS プロパティ, Reference, Web, scroll-margin-inline, scroll-margin-inline-start
scroll-margin-inline-start プロパティは、スクロールスナップ領域のインライン方向における開始側のマージンを定義し、このボックスをスナップポートにスナップするために使用されます。スクロールスナップ領域は変換された境界ボックスによって定義され、四角形の囲みボックスを探して (スクロールコンテナーの座標空間における軸に合わせられ)、それから指定された外部距離が追加されます。
672 scroll-margin-inline CSS, CSS Property, CSS プロパティ, Reference, Web, scroll-margin, scroll-margin-inline
scroll-margin-inline プロパティは、インライン方向の scroll-margin の個別指定を設定する一括指定プロパティです。
673 scroll-margin-left CSS, CSS Property, CSS プロパティ, Reference, Scroll margin left, Web, scroll-margin, scroll-margin-left
scroll-margin-left プロパティは、スクロールスナップ領域の左側のマージンを定義し、このボックスをスナップポートにスナップするために使用されます。スクロールスナップ領域は変換された境界ボックスによって定義され、四角形の囲みボックスを探して (スクロールコンテナーの座標空間における軸に合わせられ)、それから指定された外部距離が追加されます。
674 scroll-margin-right CSS, CSS Property, Reference, Web, scroll-margin, scroll-margin-right
scroll-margin-right プロパティは、スクロールスナップ領域の右側のマージンを定義し、このボックスをスナップポートにスナップするために使用されます。スクロールスナップ領域は変換された境界ボックスによって定義され、四角形の囲みボックスを探して (スクロールコンテナーの座標空間における軸に合わせられ)、それから指定された外部距離が追加されます。
675 scroll-margin-top CSS, CSS Property, CodingScripting, Reference, Web, scroll-margin, scroll-margin-top
scroll-margin-top プロパティは、スクロールスナップ領域の上側のマージンを定義し、このボックスをスナップポートにスナップするために使用されます。スクロールスナップ領域は変換された境界ボックスによって定義され、四角形の囲みボックスを探して (スクロールコンテナーの座標空間における軸に合わせられ)、それから指定された外部距離が追加されます。
676 scroll-margin CSS, Reference, scroll-margin
scroll-margin プロパティは一括指定プロパティであり、すべての個別指定の scroll-margin プロパティに対して、ちょうど margin プロパティが個別指定の margin-* に値を割り当てるように、値を割り当てます。
677 scroll-padding-block-end CSS, CSS Property, Reference, Web, recipe:css-property, scroll-padding-block, scroll-padding-block-end
scroll-padding-block-end プロパティは、スクロールポートの最適表示領域のブロック方向における末尾側のオフセットを定義します。ユーザーのビュー内でものを配置するためのターゲット領域として使用される領域です。これにより、他のコンテンツ (固定位置のツールバーやサイドバーなど) によって隠されているスクロールポートの領域を除外したり、単にターゲット要素とスクロールポートの端との間により多くの余裕を持たせたりすることができます。
678 scroll-padding-block-start CSS, CSS Property, CSS プロパティ, Reference, Web, scroll-padding-block, scroll-padding-block-start
scroll-padding-block-start プロパティは、スクロールポートの最適表示領域のブロック方向における先頭側のオフセットを定義します。ユーザーのビュー内でものを配置するためのターゲット領域として使用される領域です。これにより、他のコンテンツ (固定位置のツールバーやサイドバーなど) によって隠されているスクロールポートの領域を除外したり、単にターゲット要素とスクロールポートの端との間により多くの余裕を持たせたりすることができます。
679 scroll-padding-block CSS, CSS Scroll Snap, Property, Reference, Web, scroll-padding, scroll-padding-block
scroll-padding-block プロパティは、ブロック軸の scroll-padding 個別指定を設定する一括指定プロパティです。
680 scroll-padding-bottom CSS, CSS Property, CSS プロパティ, Reference, Web, scroll-padding, scroll-padding-bottom
scroll-padding-bottom プロパティは、スクロールポートの最適表示領域の下のオフセットを定義します。ユーザーのビュー内でものを配置するためのターゲット領域として使用される領域です。これにより、他のコンテンツ (固定位置のツールバーやサイドバーなど) によって隠されているスクロールポートの領域を除外したり、単にターゲット要素とスクロールポートの端との間により多くの余裕を持たせたりすることができます。
681 scroll-padding-inline-end CSS, CSS Property, CSS プロパティ, Web, scroll-padding-inline, scroll-padding-inline-end
scroll-padding-inline-end プロパティは、スクロールポートの最適表示領域のインライン方向における末尾側のオフセットを定義します。ユーザーのビュー内でものを配置するためのターゲット領域として使用される領域です。これにより、他のコンテンツ (固定位置のツールバーやサイドバーなど) によって隠されているスクロールポートの領域を除外したり、単にターゲット要素とスクロールポートの端との間により多くの余裕を持たせたりすることができます。
682 scroll-padding-inline-start CSS, CSS Property, CSS プロパティ, Web, scroll-padding-inline, scroll-padding-inline-start
scroll-padding-inline-start プロパティは、スクロールポートの最適表示領域のインライン方向における先頭側のオフセットを定義します。ユーザーのビュー内でものを配置するためのターゲット領域として使用される領域です。これにより、他のコンテンツ (固定位置のツールバーやサイドバーなど) によって隠されているスクロールポートの領域を除外したり、単にターゲット要素とスクロールポートの端との間により多くの余裕を持たせたりすることができます。
683 scroll-padding-inline CSS, CSS Property, Reference, Web, scroll-padding-inline, scroll-padding-inline-end, scroll-padding-inline-start
scroll-padding-inline プロパティは、インライン方向の scroll-padding の個別指定を設定する一括指定プロパティです。
684 scroll-padding-left CSS, CSS Property, CSS プロパティ, Reference, scroll-padding, scroll-padding-left
scroll-padding-left プロパティは、スクロールポートの最適表示領域の左のオフセットを定義します。ユーザーのビュー内でものを配置するためのターゲット領域として使用される領域です。これにより、他のコンテンツ (固定位置のツールバーやサイドバーなど) によって隠されているスクロールポートの領域を除外したり、単にターゲット要素とスクロールポートの端との間により多くの余裕を持たせたりすることができます。
685 scroll-padding-right CSS, Reference, Web, scroll-padding, scroll-padding-right
scroll-padding-right プロパティは、スクロールポートの最適表示領域のオフセットを定義します。ユーザーのビュー内でものを配置するためのターゲット領域として使用される領域です。これにより、他のコンテンツ (固定位置のツールバーやサイドバーなど) によって隠されているスクロールポートの領域を除外したり、単にターゲット要素とスクロールポートの端との間により多くの余裕を持たせたりすることができます。
686 scroll-padding-top CSS, Reference, Web, scroll-padding, scroll-padding-top
scroll-padding-top プロパティは、スクロールポートの最適表示領域のオフセットを定義します。ユーザーのビュー内でものを配置するためのターゲット領域として使用される領域です。これにより、他のコンテンツ (固定位置のツールバーやサイドバーなど) によって隠されているスクロールポートの領域を除外したり、単にターゲット要素とスクロールポートの端との間により多くの余裕を持たせたりすることができます。
687 scroll-padding CSS, CSS Property, recipe:css-shorthand-property, scroll-snap
scroll-padding一括指定プロパティで、要素のすべての辺にに一度にスクロールパディングを設定します。 padding プロパティで要素のパディングを設定するのとよく似ています。
688 scroll-snap-align Advanced, CSS, Example, NeedsLiveSample, Reference, 上級者
scroll-snap-align プロパティは、ボックスのスナップ位置を、そのスナップコンテナーの (配置コンテナーとしての) スナップポート内における (配置主体としての) スナップ領域の配置として指定します。2つの値は、それぞれブロック軸とインライン軸内のスナップ位置合わせを指定します。値が1つだけ指定された場合、2番目の値は同じ値を既定値とします。
689 scroll-snap-coordinate CSS, CSS スクロールスナップ, CSS プロパティ, Deprecated, Reference, scroll-snap-coordinate
CSSscroll-snap-coordinate プロパティは、このプロパティは、最も近い祖先のスクロールコンテナーの scroll-snap-destination に配置される要素内の X 座標と Y 座標の位置をそれぞれの軸で定義します。
690 scroll-snap-destination CSS, CSS スクロールスナップ, CSS プロパティ, Deprecated, Reference
CSSscroll-snap-destination プロパティは、スクロールコンテナーの視覚的なviewport内の要素のスナップポイントが配置される X および Y 座標の位置を定義します。
691 scroll-snap-stop CSS, CSS スクロールスナップ, Reference, scroll-snap-stop, ウェブ
CSSscroll-snap-stop プロパティは、スクロールコンテナーが可能なスナップ位置を「通り過ぎる」ことを許可するかどうかを定義します。
692 scroll-snap-type CSS, CSS スクロールスナップ, CSS プロパティ, Reference
scroll-snap-typeCSS のプロパティで、スナップ点が存在する場合にスクロールコンテナーにどれだけ厳密にスナップ点を強制するかを設定します。
693 scrollbar-color CSS, CSS プロパティ, Reference, scrollbar-color, スクロールバー
CSSscrollbar-color プロパティは、スクロールバーのトラックとつまみの色を設定します。
694 scrollbar-width CSS, CSS Property, CSS スクロールバー, CSS プロパティ, Reference, css scrollbars, recipe:css-property, scrollbar-width
scrollbar-width プロパティは、要素のスクロールバーが表示される時の最大の太さを設定することができます。
695 セレクターリスト CSS, Selector, Selector Lists, Selectors
CSS の セレクターリスト (selector list) (,) は,すべての一致するノードを選択します。
696 shape-image-threshold Boundaries, CSS, CSS Property, CSS Shapes, Float Area, Opacity, Property, Reference, Shape, recipe:css-property, shape-image-threshold
shape-image-thresholdCSS のプロパティで、 shape-outside の値に指定された画像を使用してシェイプを抽出するのに使用される、アルファチャネルのしきい値を設定します。
697 shape-margin CSS, CSS シェイプ, CSS プロパティ, Reference, float, margin, shape-margin, シェイプ, プロパティ, 境界, 浮動領域
CSSshape-margin プロパティは、 shape-outside を使用して作成された CSS シェイプのマージンを設定します。
698 <shape> CSS, CSS Reference
<shape> CSS データ型は、ある領域の具体的な形状を表します。この領域は、要素のどの部分で clip のようなプロパティが用いられるのか、定義するのに使われます。
699 一括指定プロパティ CSS, Guide, Layout, Reference, Shorthand Properties, properties, shorthand
一括指定プロパティ (shorthand property) は、他の幾つかの CSS プロパティを一度に設定できる CSS プロパティです。一括指定プロパティを用いると、もっと簡単に (そして普通はもっと読みやすく) スタイルシートが書け、時間や労力を節約することができます。
700 詳細度 CSS, Example, Reference, Web, ウェブ, ガイド
詳細度 (Specificity) は、どの CSS プロパティが要素に最も関係があるか、すなわち適用されるかをブラウザーが決定する手段です。詳細度は様々な組み合わせの CSS セレクターで構成される一致規則に基づいています。
701 指定値 CSS, Guide, Reference
指定値 (specified value) は、 CSS プロパティにおいて文書のスタイルシートから受け取る値です。
702 <string> CSS, CSS Data Type, CSS データ型, Data Type, Layout, Reference, Web, ウェブ, レイアウト
<string>CSSデータ型で、一連の文字列を表します。文字列は content, font-family, quotes など、数々の CSS プロパティで使用されます。
703 構文 CSS, Guide, Reference, Web
カスケーディングスタイルシート (CSS) 言語の基本的な狙いは、ブラウザーのエンジンがページの要素を、色、位置、装飾などの特定の特性をもって描けるようにすることです。 CSS の構文はこの狙いを反映し、以下のような基本的な構成要素があります。
704 tab-size CSS, CSS Property, CSS テキスト, CSS プロパティ, Experimental, Reference
CSS の tab-size プロパティは、タブ文字 (U+0009) の表示幅の指定に用います。
705 table-layout CSS, CSS プロパティ, CSS 表, Reference, ウェブ, レイアウト
CSS の table-layout プロパティは、 table のセル、行、列のレイアウトに使用されるアルゴリズムを設定します。
706 text-align-last CSS, CSS Property, CSS テキスト, Experimental, Reference
CSS の text-align-last プロパティは、ブロックの最後の行、あるいは強制的な改行の直前の行をどのように配置するかを設定します。
707 text-align CSS, CSS Property, CSS Text, Reference, recipe:css-property
text-alignCSS のプロパティで、ブロック要素または表セルボックスの水平方向の配置を設定します。つまり、 vertical-align のように、ただし水平方向に動作します。
708 text-combine-upright CSS, CSS プロパティ, CSS 書字方向, Experimental, Reference
text-combine-uprightCSS のプロパティで、一文字分の空間に挿入する文字の組み合わせを設定します。
709 text-decoration-color CSS, CSS テキスト, CSS テキスト装飾, CSS プロパティ, HTML スタイル, HTML 色, Reference, text-decoration-color, 色
text-decoration-colorCSS のプロパティで、 text-decoration-line でテキストに追加された装飾の色を設定します。
710 text-decoration-line CSS, CSS テキスト装飾, CSS プロパティ, Reference
CSStext-decoration-line プロパティは、下線や上線など、要素内の文字列に使われる装飾の種類を設定します。
711 text-decoration-skip-ink CSS, CSS テキスト装飾, CSS プロパティ, Experimental, Reference, Web, text-decoration-skip-ink, ウェブ, レイアウト
CSStext-decoration-skip-ink プロパティは、上線や下線が文字のアセンダーやディセンダーを通過するときにどのように引くのかを指定します。
712 text-decoration-skip CSS, CSS テキスト装飾, CSS プロパティ, Experimental, Reference, ウェブ, レイアウト
text-decoration-skipCSS のプロパティで、要素に影響する要素の内容に対するテキスト装飾のどの部分をスキップする必要があるかを設定します。
713 text-decoration-style CSS, CSS テキスト装飾, CSS プロパティ, Layout, Reference, レイアウト
CSStext-decoration-style プロパティは、 text-decoration-line で指定された線の種類を設定します。線の種類はすべての線に適用され text-decoration-line で定義された線ごとに異なる種類を定義する方法はありません。
714 text-decoration-thickness CSS, CSS Text Decoration, Property, Reference, recipe:css-property, text-decoration, text-decoration-thickness
text-decoration-thicknessCSS のプロパティで、要素内のテキストに用いられる装飾線、例えば取り消し線、下線、上線の太さを設定します。
715 text-decoration CSS, CSS Property, CSS Text Decoration, Reference, recipe:css-shorthand-property, text-decoration, text-decoration-color, text-decoration-line, text-decoration-style
text-decorationCSS一括指定プロパティで、テキストの装飾的な線の表示を設定します。
716 text-emphasis-color CSS, CSS スタイル, CSS テキスト装飾, CSS プロパティ, HTML 色, Reference, 文字列強調
CSStext-emphasis-color プロパティは、圏点の色を設定します。この値は一括指定の text-emphasis を使用して設定することもできます。
717 text-emphasis-position CSS, CSS テキスト装飾, CSS プロパティ, Reference
CSStext-emphasis-position プロパティは、圏点が描かれる位置を設定します。ルビテキストと同様、圏点のために十分な空間がない場合は、行の高さが広げられます。
718 text-emphasis-style CSS, CSS テキスト装飾, CSS プロパティ, Reference, text-emphasis
CSStext-emphasis-style プロパティは、圏点の表示を設定します。設定や解除に一括指定の text-emphasis を使用することもできます。
719 text-emphasis CSS, CSS テキスト装飾, CSS プロパティ, Reference, text-emphasis, text-emphasis-color, text-emphasis-style, 一括指定プロパティ
CSStext-emphasis プロパティは、 (空白や制御文字を除く) テキストに圏点を適用します。これは text-emphasis-styletext-emphasis-color一括指定です。
720 text-indent CSS, CSS テキスト, CSS プロパティ, Reference, レイアウト
CSS の text-indent プロパティは、ブロック内のテキストの行の前に置く空白 (字下げ) の幅を設定します。
721 text-justify CSS, CSS テキスト, CSS プロパティ, Reference, text-justify
CSS の text-justify プロパティは、要素に text-align: justify; が設定された時にテキストに適用される両端揃えの種類を設定します。
722 text-orientation CSS, CSS プロパティ, CSS 書字方向, Reference, 日本語処理
text-orientationCSS のプロパティで、行内のテキストの向きを設定します。このプロパティは縦書きのテキスト (writing-modehorizontal-tb 以外の場合) でのみ効果があります。
723 text-overflow CSS, CSS プロパティ, CSS 基本ユーザーインターフェイス, Reference
text-overflowCSS のプロパティで、非表示のあふれた内容をどのようにユーザーに知らせるのかを設定します。切り取られるか、省略記号 ('') を表示するか、独自の文字列を表示するかです。
724 text-rendering CSS, SVG
CSS の text-rendering プロパティは、テキストを描画するときの最適化方法に関する情報をレンダリングエンジンに提供します。
725 text-shadow CSS, CSS Property, CSS Styles, CSS Text Decoration, CSS スタイル, CSS テキスト装飾, CSS プロパティ, HTML Colors, HTML Styles, HTML スタイル, HTML 色, Reference, Styles, Styling HTML, color, recipe:css-property, スタイル
text-shadow は CSS のプロパティで、テキストに影を追加します。文字列及びその装飾に適用される影のカンマで区切られたリストを受け付けます。
726 text-size-adjust CSS, CSS プロパティ, CSS モバイル文字サイズ調整, Experimental, NeedsExample, リファレンス
text-size-adjust プロパティは一部のモバイル端末で使われる、テキストの自動拡大アルゴリズムを制御します。他のブラウザーはこのプロパティを無視します。
727 text-transform CSS, CSS Property, Layout, Reference, Text, recipe:css-property, 日本語処理
CSS の text-transform プロパティは、要素のテキストを大文字表記する方法を指定します。テキストをすべて大文字にしたり、すべて小文字にしたり、各単語の先頭を大文字にしたりすることを指定します。フリガナの読みやすさを向上するのにも役立ちます。
728 text-underline-offset CSS, CSS Text Decoration, CSS テキスト装飾, Property, Reference, text-decoration, text-underline-offset, プロパティ
text-underline-offsetCSS のプロパティで、 (text-decoration を使用して適用された) 下線のテキスト装飾線の本来の位置からのオフセット距離を設定します。
729 <time-percentage> CSS, CSS Data Type, CSS データ型, Reference, time-percentage, units, values, 値, 単位
<time-percentage>CSSデータ型で、 time または percentage が取りうる値を表します。
730 <time> CSS, CSS Data Type, CSS データ型, Layout, Reference, Web, ウェブ, レイアウト
<time>CSSデータ型で、時間の値を秒単位またはミリ秒単位で表現します。これは animationtransition および関連するプロパティで使用されています。
731 ツール CSS, Guide, NeedsUpdate, ガイド
CSS は強力な機能を多数提供していますが、その中には使いこなすのが面倒だったり、引数が多かったりするので、作業をしながら視覚化できると便利です。このページでは、これらの機能を使ってコンテンツのスタイルを整えるための CSS を構築するのに役立つ便利なツールへのリンクをいくつか紹介しています。
732 top CSS, CSS Positioning, CSS Property, Reference, recipe:css-property
topCSS のプロパティで、位置指定要素 (positioned elements) の垂直位置の決定に関与します。位置指定されていない要素には効果はありません。
733 touch-action CSS, CSS Property, Pointer Events, Reference, recipe:css-property, ポインターイベント
CSS の touch-action プロパティは、タッチ画面のユーザーが要素のある領域をどのように操作できるか (例えば、ブラウザー内に組み込まれたパンまたはズーム機能) を設定します。
734 transform-box CSS, CSS Property, CSS Transforms, CSS プロパティ, CSS 変形, Experimental, NeedsBrowserCompatibility, NeedsExample, Reference
transform-box プロパティは、 transformtransform-origin プロパティに関連したレイアウトボックスを定義します。
735 <transform-function> CSS, CSS Data Type, CSS Transforms, Data Type, Layout, Reference
CSS<transform-function> データ型は、要素の外見の変形を表します。変換関数は二次元または三次元空間で要素を回転、拡大縮小、歪曲、移動させることができます。これは transform プロパティの中で使用されます。
736 matrix() CSS, CSS 変換, CSS 関数, Reference
CSSmatrix() 関数は、二次元同次変換行列を定義します。結果は <transform-function> データ型になります。
737 matrix3d() CSS, CSS Function, CSS Transforms, Function, Reference
CSSmatrix3d() 関数は、 4x4 の三次元同次変換行列を定義します。結果は <transform-function> データ型になります。
738 perspective() CSS, CSS 変換, CSS 関数, Reference
CSSperspective() 関数は、ユーザーと z=0 平面との間の距離を定義し、閲覧者からの視点は二次元のインターフェイスが三次元であったかのようになります。結果は <transform-function> データ型になります。
739 rotate() CSS, CSS 変換, CSS 関数, Reference
CSSrotate() 関数は、要素を二次元平面上の特定の点を中心に、変形させずに回転させます。結果は <transform-function> データ型になります。
740 rotate3d() CSS, CSS Function, CSS Transforms, CSS 変形, CSS 関数, Reference
CSSrotate3d() 関数は、要素を三次元空間内の固定した軸を中心に、変形させずに回転させます。結果は <transform-function> データ型になります。
741 rotateX() CSS, CSS Function, CSS Transforms, CSS 変形, CSS 関数, Reference
rotateX()CSS 関数で、要素の形を変化させずに横座標 (水平軸) の周りを回転させる変形を定義します。結果は <transform-function> データ型になります。
742 rotateY() CSS, CSS Function, CSS Transforms, CSS 変形, CSS 関数, Reference
rotateY()CSS 関数で、要素の形を変化させずに縦座標 (垂直軸) の周りを回転させる変形を定義します。結果は <transform-function> データ型になります。
743 rotateZ() CSS, CSS Function, CSS Transforms, CSS 変形, CSS 関数, Reference
rotateZ()CSS 関数で、要素の形を変化させずに Z 軸の周りを回転させる変形を定義します。結果は <transform-function> データ型になります。
744 scale() CSS, CSS 変形, CSS 関数, Reference
scale()CSS 関数で、二次元平面上における拡縮する変形を定義します変倍の量がベクトルで定義されるため、水平方向と垂直方向に対して異なる変倍で大きさを変えることができます。結果は <transform-function> データ型になります。
745 scaleX()
746 scaleY() CSS, CSS 変形, CSS 関数, リファレンス
CSSscaleY() 関数は、要素を Y 軸に沿って (垂直に) 拡縮する変形を定義します。結果は <transform-function> データ型になります。
747 skew() CSS, CSS Function, CSS Transforms, Function, Reference
skew()CSS 関数で、要素を二次元平面上でゆがめる変換を定義します。結果は <transform-function> データ型になります。
748 skewX() CSS, CSS Function, CSS Transforms, Function, Reference
skewX()CSS 関数で、要素を二次元平面上で水平方向にゆがめる変換を定義します。結果は <transform-function> データ型になります。
749 skewY() CSS, CSS Function, CSS Transforms, Function, Reference
skewY()CSS 関数で、要素を二次元平面上で垂直方向にゆがめる変換を定義します。結果は <transform-function> データ型になります。
750 translate() CSS, CSS Function, CSS Transforms, Function, Reference
translate()CSS関数は、要素を水平方向や垂直方向で再配置します。結果は <transform-function> データ型になります。
751 translate3d() CSS, CSS Function, CSS Transforms, Function, Reference
translate3d()CSS関数で、要素を 3D 空間内で再配置します。返値は <transform-function> データ型です。
752 translateX() CSS, CSS Function, CSS Transforms, Function, Reference
translateX()CSSfunctionで、要素を二次元平面上の水平方向で再配置します。結果は <transform-function> データ型になります。
753 translateY() CSS, CSS Function, CSS Transforms, Function, Reference
translateX()CSSfunctionで、要素を二次元平面上の水平方向で再配置します。結果は <transform-function> データ型になります。
754 translateZ() 3D, CSS, CSS Function, CSS Transforms, Function, Reference
translateZ() CSS 関数は、3 次元空間の z 軸に沿って、すなわちビューアーに近づくまたは遠ざかって、要素を移動させます。その結果は <transform-function> データ型となります。
755 transform-origin CSS, CSS Property, CSS Transforms, Reference, default value: center, recipe:css-property, transform-origin
transform-originCSS のプロパティで、要素の変形 (transform) における原点を設定します。
756 transform-style CSS, CSS Property, CSS Transforms, Experimental, Reference, recipe:css-property
transform-styleCSS のプロパティで、要素の子要素を 3D 空間に配置するのか、平面化して要素の平面に配置するのかを設定します。
757 transform CSS, CSS プロパティ, CSS 変形, Reference
このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。
758 transition-delay CSS, CSS トランジション, CSS プロパティ, Reference, リファレンス
CSS の transition-delay プロパティは、値が変更されたときにプロパティのトランジション効果が始まるまでの待ち時間を指定します。
759 transition-duration CSS, CSS Property, CSS Transitions, Reference, recipe:css-property
transition-durationCSS のプロパティで、トランジションによるアニメーションが完了するまでの所要時間を秒数またはミリ秒数で指定します。既定値は 0s であり、これはアニメーションを実行しないことを示します。
760 transition-property CSS, CSS Property, CSS Transitions, Reference, recipe:css-property
transition-propertyCSS のプロパティで、トランジション効果を適用する CSS プロパティを指定します。
761 transition-timing-function CSS, CSS Reference, CSS:Mozilla Extensions, Fixit, NeedsNewCompatTable
CSS の transition-timing-function プロパティは、トランジション効果の作用を受ける CSS プロパティにおいて、中間状態の値を算出する方法を設定するために使用されます。
762 transition CSS, CSS Property, CSS Transitions, CSS プロパティ, CSS 遷移, Reference
CSStransition プロパティは、 transition-propertytransition-durationtransition-timing-functiontransition-delay一括指定プロパティです。
763 translate CSS, CSS Property, CSS 変形, Experimental, Reference, Transforms
translateCSS のプロパティで、平行移動による変形を独自に、 transform プロパティから独立して指定することができます。これは一般的なユーザーインターフェイスの用途に適しており、 transform の値で指定する変形関数を正確に思い出す必要がなくなります。
764 要素型セレクター CSS, HTML, Node, Reference, Selectors, セレクター
CSS の要素型セレクター (type selector) は、ノード名で要素をマッチさせます。つまり、文書内にある指定された型の要素をすべて選択します。
765 unicode-bidi BiDi, CSS, CSS プロパティ, CSS 書字方向, Reference, リファレンス
unicode-bidiCSS のプロパティで、 direction プロパティと共に、文書内の双方向テキストの扱いを指定します。例えば、テキストブロックに左から右 (LTR) 方向と右から左 (RTL) 方向へ記述されるテキストの両方が含まれる場合、ユーザエージェントは、複雑な Unicode アルゴリズムを用いてテキストの表示方法を決定します。 unicode-bidi プロパティは、このアルゴリズムを上書きして開発者がテキストの埋め込みを制御できるようにします。
766 全称セレクター CSS, Reference, Selectors, セレクター
CSS の全称セレクター (universal selector) (*) は、すべての種類の要素にマッチします。
767 unset CSS, CSS カスケードと継承, CSS 値, Keyword, Layout, Reference, Style, unset, スタイル, レイアウト
unset は CSS のキーワードで、プロパティをリセットし、親から自然に継承された場合は継承値、そうでなければ初期値を設定します。
768 url() CSS, CSS 関数, Layout, Reference, Web, url(), レイアウト
url()CSS 関数で、ファイルを含めるために使用します。引数は絶対 URL、相対 URL、 データ URI の何れかです url() 関数は attr() 関数のように、他の CSS 関数に引数として渡すことができます。値を使用するプロパティに応じて、求められるリソースは画像、フォント、スタイルシートの何れかになります。 url() 関数表記は the <url> データ型の値になります。
769 使用値 CSS, Reference, レイアウト
CSS プロパティの使用値 (used value) は、計算値において行われたすべての計算が実行された後の値です。
770 user-modify CSS, CSS プロパティ, Deprecated, Mozilla 拡張, Non-standard, Reference, WebKit 拡張, 標準外, 非推奨
user-modify プロパティは Firefox では効果がありません。元々は要素の内容をユーザーが編集できるかどうかを決める予定でした。
771 user-select CSS, CSS Property, Property, Reference, Selection, recipe:css-property, user-select
user-selectCSS のプロパティで、ユーザーが文章を範囲選択できるかどうかを制御します。これは、テキストボックスを除いて、Chromeとして読み込まれたコンテンツには何の影響も与えません。
772 CSS カスタムプロパティ (変数) の使用 CSS, CSS Variables, CSS 変数, Guide, Web, ウェブ, カスケード変数, カスタムプロパティ
カスタムプロパティ (CSS 変数カスケード変数と呼ばれることもあります) は、 CSS の作者によって作成され、文書全体で再利用可能な特定の値を含むエンティティです。それらは、カスタムプロパティ記法 (たとえば、--main-color: black;) によって設定し、 var() 関数 (たとえば、 color: var(--main-color);) を使ってアクセスします。
773 値の定義構文 CSS, Guide, Reference, Syntax
CSS の値の定義構文は、形式文法であり、 CSS プロパティや関数の有効な値の組み合わせ定義するのに使われます。この構文に加えて、有効な値の組み合わせは意味的な制約で有効値の集まりをさらに制限できます (例えば、数値を正の値に限定します)。
774 var() CSS, CSS カスタムプロパティ, CSS 変数, CSS 関数, Experimental, Reference, var, var(), 変数
CSSvar() 関数は、他のプロパティの値の一部に代わってカスタムプロパティ (「CSS 変数」と呼ばれることもあります) の値を挿入できます。
775 vertical-align CSS, CSS プロパティ, Reference
vertical-alignCSS のプロパティで、インラインボックス、インラインブロック、表セルボックスの垂直方向の配置を設定します。
776 ビューポートの概念 Best practices, CSS, Guide, Mobile, Resource, layout viewport, viewport, virtual viewport
この記事では、ビューポートの概念 — ビューポートとは何か、ビューポートとは何か、 CSS, SVG, モバイル端末における影響 — および、視覚ビューポートとレイアウトビューポートの違いをを説明します。
777 visibility CSS, CSS Box Model, CSS Property, Layout, Reference, Web, recipe:css-property
visibility は CSS のプロパティで、文書のレイアウトを変更することなく要素を表示したり非表示にしたりします。このプロパティは table の行や列を隠すこともできます。
778 視覚整形モデル CSS, CSS Box Model, Guide, Reference, visual formatting model
CSS の視覚整形モデル (visual formatting model) は、ユーザーエージェントが文書ツリーをどのように受け取り、視覚メディア用に処理して表示するかを説明するものです。これには、コンピューター画面のようなcontinuous mediaと、ブラウザーの印刷機能によって印刷された本や文書のようなpaged mediaが含まれます。情報の大部分は、連続メディアとページ付きメディアに等しく適用されます。
779 WebKit CSS 拡張 CSS, Non-standard, Reference, WebKit 拡張
Safari や Chrome のような WebKit または blink ベースのアプリケーションは、数多くの特殊な CSS の WebKit 拡張に対応しています。これらの拡張には一般に -webkit の接頭辞が付きます。 -webkit の接頭辞が付いたプロパティの多くは -apple の接頭辞でも動作します。少数ながら -epub の接頭辞も存在します。
780 white-space CSS, CSS テキスト, CSS プロパティ, Reference, white-space
CSS の white-space プロパティは、要素内のwhitespaceをどのように扱うかを設定します。
781 widows CSS, CSS プロパティ, CSS 断片化, CSS 段組みレイアウト, リファレンス
CSSwidows プロパティは、ページ、領域、先頭に表示されるブロックコンテナーの最小行数を設定します。
782 width CSS, CSS Property, CSS プロパティ, Reference, dimensions, recipe:css-property, size, width, 寸法
width は CSS のプロパティで、要素の幅を設定します。既定では、このプロパティはコンテンツ領域の幅を設定しますが、 box-sizingborder-box に設定すると、境界領域の幅を設定します。
783 will-change CSS, CSS プロパティ, CSS 変更予定, Reference, recipe:css-property, transition, トランジション
CSSwill-change プロパティは、どのような要素の変更が予測されているかブラウザーに助言します。ブラウザーは要素が実際に変更される前に、最適化をセットアップすることができます。
784 word-break CSS, CSS テキスト, CSS プロパティ, Reference, 日本語処理
word-breakCSS のプロパティで、改行しなければテキストがコンテンツボックスからあふれる場合に、ブラウザーが改行を挿入するかどうかを指定します。
785 word-spacing CSS, CSS Text, CSS テキスト, CSS プロパティ, Reference
CSSword-spacing プロパティは、タグや単語の間隔に関する挙動を指定します。
786 writing-mode CSS, CSS プロパティ, CSS 書字方向, Reference, リファレンス, レイアウト, 日本語処理
writing-modeCSS のプロパティで、テキストの行のレイアウトを横書きにするか縦書きにするか、ブロックのフロー方向を左向きにするか右向きにするかを設定します。文書全体に設定する場合は、ルート要素 (HTML 文書の場合は html 要素) に設定してください。
787 z-index CSS, CSS プロパティ, CSS 位置指定レイアウト, Reference
CSS の z-index プロパティは、位置指定要素とその子孫要素、またはフレックスアイテムの z 順を定義します。より大きな z-index を持つ要素はより小さな要素の上に重なります。
788 zoom CSS, CSS プロパティ, Microsoft 拡張, Non-standard, WebKit 拡張, リファレンス, 標準外
CSS の標準外の zoom プロパティは、要素の拡大率を制御するために使用することができます。