diff options
| author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 21:46:22 -0500 |
|---|---|---|
| committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 21:46:22 -0500 |
| commit | a065e04d529da1d847b5062a12c46d916408bf32 (patch) | |
| tree | fe0f8bcec1ff39a3c499a2708222dcf15224ff70 /files/ja/web/css | |
| parent | 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 (diff) | |
| download | translated-content-a065e04d529da1d847b5062a12c46d916408bf32.tar.gz translated-content-a065e04d529da1d847b5062a12c46d916408bf32.tar.bz2 translated-content-a065e04d529da1d847b5062a12c46d916408bf32.zip | |
update based on https://github.com/mdn/yari/issues/2028
Diffstat (limited to 'files/ja/web/css')
28 files changed, 0 insertions, 1838 deletions
diff --git a/files/ja/web/css/-moz-binding/index.html b/files/ja/web/css/-moz-binding/index.html deleted file mode 100644 index d79650ead6..0000000000 --- a/files/ja/web/css/-moz-binding/index.html +++ /dev/null @@ -1,68 +0,0 @@ ---- -title: '-moz-binding' -slug: Web/CSS/-moz-binding -tags: - - CSS - - CSS プロパティ - - 'CSS:Mozilla 拡張' - - Mozilla 拡張 - - Reference - - XBL - - XUL - - リファレンス - - 標準外 - - 非推奨 -translation_of: Archive/Web/CSS/-moz-binding ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Deprecated_Header(57)}}</div> - -<p>CSS の <strong><code>-moz-binding</code></strong> プロパティは、 Mozilla ベースのアプリケーションで <a href="/ja/docs/XBL">XBL</a> を DOM 要素に結び付けるために使用します。</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="brush:css">/* <url> 値 */ --moz-binding: url(http://www.example.org/xbl/htmlBindings.xml#checkbox); - -/* グローバル値 */ --moz-binding: inherited; --moz-binding: initial; --moz-binding: unset; -</pre> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt>{{cssxref("<url>")}}</dt> - <dd>(フラグメント識別子を含む) XBL バインドのための URI</dd> - <dt><code>none</code></dt> - <dd>要素に XBL バインドを適用しない事を示すキーワード</dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Examples" name="Examples">例</h2> - -<pre class="brush: css">.exampleone { - -moz-binding: url(http://www.example.org/xbl/htmlBindings.xml#radiobutton); -}</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> - -<p class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p> - -<p>{{Compat("css.properties.-moz-binding")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/XBL/XBL_1.0_Reference/Binding_Attachment_and_Detachment">XBL Reference: Binding Attachment and Detachment</a></li> - <li><a href="/ja/docs/XUL_Tutorial/Introduction_to_XBL">XUL Tutorial: Introduction to XBL</a></li> -</ul> diff --git a/files/ja/web/css/-moz-border-bottom-colors/index.html b/files/ja/web/css/-moz-border-bottom-colors/index.html deleted file mode 100644 index 9dce6086e2..0000000000 --- a/files/ja/web/css/-moz-border-bottom-colors/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: '-moz-border-bottom-colors' -slug: Web/CSS/-moz-border-bottom-colors -tags: - - CSS - - CSS Property - - CSS プロパティ - - 'CSS:Mozilla 拡張' - - Mozilla 拡張 - - Obsolete - - Reference - - 'recipe:css-property' - - 廃止 -translation_of: Archive/Web/CSS/-moz-border-bottom-colors ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Obsolete_Header(59)}}</div> - -<p>Firefox などの Mozilla アプリケーションにおいて、 CSS の <strong><code>-moz-border-bottom-colors</code></strong> プロパティは下辺の境界に色のリストを設定します。</p> - -<pre class="brush:css no-line-numbers notranslate">/* 単一の <color> 値 */ --moz-border-bottom-colors: #f0f0f0; - -/* 複数の <color> 値 */ --moz-border-bottom-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* グローバル値 */ --moz-border-bottom-colors: inherit; --moz-border-bottom-colors: initial; --moz-border-bottom-colors: unset; -</pre> - -<p>要素が 1 CSS ピクセルより太い幅の境界を持つ場合、各ピクセルの線はプロパティで指定された次の色を外側から内側に向かって使用します。これは入れ子状のボックスを除去する必要があります。境界がこのプロパティで指定された色の数よりも太いとき、境界の残りの部分は最も内側の色が指定されます。</p> - -<p>{{cssinfo}}</p> - -<p>以下の場合は適用されません。</p> - -<ol> - <li>{{Cssxref("border-style")}} が <code>dashed</code> または <code>dotted</code> である場合</li> - <li>表で <code>border-collapse: collapse</code> の場合</li> -</ol> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<p>ホワイトスペースで区切られた色の値のリストを受け付けます。</p> - -<dl> - <dt><color></dt> - <dd>境界の下辺におけるピクセルの線の色を指定します。 <code>transparent</code> も有効です。利用可能な単位は {{cssxref("<color>")}} 値を参照してください。</dd> - <dt>none</dt> - <dd>既定値で、色が描かれないか、指定されていれば {{cssxref("border-color")}} が使用されます。</dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox notranslate">{{csssyntax}}</pre> - -<h2 id="Example" name="Example">例</h2> - -<pre class="brush:html notranslate"><div id="example">Example</div> -</pre> - -<pre class="brush:css notranslate">#example { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -} -</pre> - -<p>{{EmbedLiveSample("Example", 120, 90)}}</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>このプロパティはどの仕様書でも定義されていません。</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> - -<p>{{Compat("css.properties.-moz-border-bottom-colors")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{CSSxRef("border-color")}}</li> - <li>{{CSSxRef("-moz-border-right-colors")}}</li> - <li>{{CSSxRef("-moz-border-top-colors")}}</li> - <li>{{CSSxRef("-moz-border-left-colors")}}</li> -</ul> diff --git a/files/ja/web/css/-moz-border-left-colors/index.html b/files/ja/web/css/-moz-border-left-colors/index.html deleted file mode 100644 index 2ca80dbb53..0000000000 --- a/files/ja/web/css/-moz-border-left-colors/index.html +++ /dev/null @@ -1,94 +0,0 @@ ---- -title: '-moz-border-left-colors' -slug: Web/CSS/-moz-border-left-colors -tags: - - CSS - - CSS プロパティ - - Mozilla 拡張 - - Non-standard - - Obsolete - - Reference - - 廃止 - - 標準外 -translation_of: Archive/Web/CSS/-moz-border-left-colors ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Obsolete_Header(59)}}</div> - -<p>Firefox などの Mozilla アプリケーションにおいて、 CSS の <strong><code>-moz-border-left-colors</code></strong> プロパティは左辺の境界に色のリストを設定します。</p> - -<pre class="brush:css no-line-numbers notranslate">/* 単一の <color> 値 */ --moz-border-left-colors: #f0f0f0; - -/* 複数の <color> 値 */ --moz-border-left-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* グローバル値 */ --moz-border-left-colors: inherit; --moz-border-left-colors: initial; --moz-border-left-colors: unset; -</pre> - -<p>要素が 1 CSS ピクセルより太い幅の境界を持つ場合、各ピクセルの線はプロパティで指定された次の色を外側から内側に向かって使用します。これは入れ子状のボックスを除去する必要があります。境界がこのプロパティで指定された色の数よりも太いとき、境界の残りの部分は最も内側の色が指定されます。</p> - -<p>{{cssinfo}}</p> - -<p>以下の場合は適用されません。</p> - -<ol> - <li>{{Cssxref("border-style")}} が <code>dashed</code> または <code>dotted</code> である場合</li> - <li>表で <code>border-collapse: collapse</code> の場合</li> -</ol> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<p>ホワイトスペースで区切られた色の値のリストを受け付けます。</p> - -<dl> - <dt><color></dt> - <dd>境界の左辺におけるピクセルの線の色を指定します。 <code>transparent</code> も有効です。利用可能な単位は {{cssxref("<color>")}} 値を参照してください。</dd> - <dt>none</dt> - <dd>既定値で、色が描かれないか、指定されていれば {{cssxref("border-color")}} が使用されます。</dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox notranslate">{{csssyntax}}</pre> - -<h2 id="Example" name="Example">例</h2> - -<pre class="brush:html notranslate"><div id="example">Example</div> -</pre> - -<pre class="brush:css notranslate">#example { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -} -</pre> - -<p>{{EmbedLiveSample("Example", 120, 90)}}</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>このプロパティはどの仕様書でも定義されていません。</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> - -<p>{{Compat("css.properties.-moz-border-left-colors")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{cssxref("border-color")}}</li> - <li>{{Cssxref("-moz-border-right-colors")}}</li> - <li>{{Cssxref("-moz-border-bottom-colors")}}</li> - <li>{{Cssxref("-moz-border-top-colors")}}</li> -</ul> diff --git a/files/ja/web/css/-moz-border-right-colors/index.html b/files/ja/web/css/-moz-border-right-colors/index.html deleted file mode 100644 index b14493e123..0000000000 --- a/files/ja/web/css/-moz-border-right-colors/index.html +++ /dev/null @@ -1,98 +0,0 @@ ---- -title: '-moz-border-right-colors' -slug: Web/CSS/-moz-border-right-colors -tags: - - CSS - - CSS Property - - CSS プロパティ - - 'CSS:Mozilla Extensions' - - 'CSS:Mozilla 拡張' - - Non-standard - - Obsolete - - Reference - - 'recipe:css-property' - - 廃止 - - 標準外 -translation_of: Archive/Web/CSS/-moz-border-right-colors ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Obsolete_Header(59)}}</div> - -<p>Firefox などの Mozilla アプリケーションにおいて、 CSS の <strong><code>-moz-border-right-colors</code></strong> プロパティは右辺の境界に色のリストを設定します。</p> - -<pre class="brush:css no-line-numbers notranslate">/* Single <color> value */ -/* 単一の <color> 値 */ --moz-border-right-colors: #f0f0f0; - -/* 複数の <color> 値 */ --moz-border-right-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* グローバル値 */ --moz-border-right-colors: inherit; --moz-border-right-colors: initial; --moz-border-right-colors: unset; -</pre> - -<p>要素が 1 CSS ピクセルより太い幅の境界を持つ場合、各ピクセルの線はプロパティで指定された次の色を外側から内側に向かって使用します。これは入れ子状のボックスを除去する必要があります。境界がこのプロパティで指定された色の数よりも太いとき、境界の残りの部分は最も内側の色が指定されます。</p> - -<p>{{cssinfo}}</p> - -<p>以下の場合は適用されません。</p> - -<ol> - <li>{{Cssxref("border-style")}} が <code>dashed</code> または <code>dotted</code> である場合</li> - <li>表で <code>border-collapse: collapse</code> の場合</li> -</ol> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<p>ホワイトスペースで区切られた色の値のリストを受け付けます。</p> - -<dl> - <dt><color></dt> - <dd>境界の右辺におけるピクセルの線の色を指定します。 <code>transparent</code> も有効です。利用可能な単位は {{cssxref("<color>")}} 値を参照してください。</dd> - <dt>none</dt> - <dd>既定値で、色が描かれないか、指定されていれば {{cssxref("border-color")}} が使用されます。</dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox notranslate">{{csssyntax}}</pre> - -<h2 id="Example" name="Example">例</h2> - -<pre class="brush:html notranslate"><div id="example">Example</div> -</pre> - -<pre class="brush:css notranslate">#example { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -} -</pre> - -<p>{{EmbedLiveSample("Example", 120, 90)}}</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>このプロパティはどの仕様書でも定義されていません。</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> - -<p>{{Compat("css.properties.-moz-border-right-colors")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{cssxref("border-color")}}</li> - <li>{{Cssxref("-moz-border-top-colors")}}</li> - <li>{{Cssxref("-moz-border-bottom-colors")}}</li> - <li>{{Cssxref("-moz-border-left-colors")}}</li> -</ul> diff --git a/files/ja/web/css/-moz-border-top-colors/index.html b/files/ja/web/css/-moz-border-top-colors/index.html deleted file mode 100644 index f19fbbc462..0000000000 --- a/files/ja/web/css/-moz-border-top-colors/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: '-moz-border-top-colors' -slug: Web/CSS/-moz-border-top-colors -tags: - - CSS - - CSS Property - - CSS プロパティ - - 'CSS:Mozilla Extensions' - - 'CSS:Mozilla 拡張' - - Non-standard - - Obsolete - - Reference - - 'recipe:css-property' - - 標準外 -translation_of: Archive/Web/CSS/-moz-border-top-colors ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Obsolete_Header(59)}}</div> - -<p>Firefox などの Mozilla アプリケーションにおいて、 CSS の <strong><code>-moz-border-top-colors</code></strong> プロパティは上辺の境界に色のリストを設定します。</p> - -<pre class="brush:css no-line-numbers notranslate">/* 単一の <color> 値 */ --moz-border-top-colors: #f0f0f0; - -/* 複数の <color> 値 */ --moz-border-top-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* グローバル値 */ --moz-border-top-colors: inherit; --moz-border-top-colors: initial; --moz-border-top-colors: unset; -</pre> - -<p>要素が 1 CSS ピクセルより太い幅の境界を持つ場合、各ピクセルの線はプロパティで指定された次の色を外側から内側に向かって使用します。これは入れ子状のボックスを除去する必要があります。境界がこのプロパティで指定された色の数よりも太いとき、境界の残りの部分は最も内側の色が指定されます。</p> - -<p>{{cssinfo}}</p> - -<p>以下の場合は適用されません。</p> - -<ol> - <li>{{Cssxref("border-style")}} が <code>dashed</code> または <code>dotted</code> である場合</li> - <li>表で <code>border-collapse: collapse</code> の場合</li> -</ol> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<p>ホワイトスペースで区切られた色の値のリストを受け付けます。</p> - -<dl> - <dt><color></dt> - <dd>境界の上辺におけるピクセルの線の色を指定します。 <code>transparent</code> も有効です。利用可能な単位は {{cssxref("<color>")}} 値を参照してください。</dd> - <dt>none</dt> - <dd>既定値で、色が描かれないか、指定されていれば {{cssxref("border-color")}} が使用されます。</dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox notranslate">{{csssyntax}}</pre> - -<h2 id="Example" name="Example">例</h2> - -<pre class="brush:html notranslate"><div id="example">Example</div> -</pre> - -<pre class="brush:css notranslate">#example { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -} -</pre> - -<p>{{EmbedLiveSample("Example", 120, 90)}}</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>このプロパティはどの仕様書でも定義されていません。</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> - -<p>{{Compat("css.properties.-moz-border-top-colors")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{cssxref("border-color")}}</li> - <li>{{Cssxref("-moz-border-right-colors")}}</li> - <li>{{Cssxref("-moz-border-bottom-colors")}}</li> - <li>{{Cssxref("-moz-border-left-colors")}}</li> -</ul> diff --git a/files/ja/web/css/-moz-stack-sizing/index.html b/files/ja/web/css/-moz-stack-sizing/index.html deleted file mode 100644 index ba09f8271f..0000000000 --- a/files/ja/web/css/-moz-stack-sizing/index.html +++ /dev/null @@ -1,57 +0,0 @@ ---- -title: '-moz-stack-sizing' -slug: Web/CSS/-moz-stack-sizing -tags: - - CSS - - CSS Property - - NeedsCompatTable - - Non-standard - - Reference - - XUL -translation_of: Archive/Web/CSS/-moz-stack-sizing ---- -<div>{{CSSRef}}{{Non-standard_header}}{{gecko_minversion_header("1.9.1")}}</div> - -<p><strong><code>-moz-stack-sizing</code></strong> は拡張された <a href="/ja/docs/Web/CSS">CSS</a> プロパティです。通常、{{XULElem("stack")}} はすべての子要素が完全に表示できるように自身のサイズを変更します。例えば、スタックの子要素を右側に離すように移動するとスタックは幅を広げ、子要素は表示され続けます。</p> - -<pre class="brush:css notranslate">/* キーワード値 */ --moz-stack-sizing: auto; --moz-stack-sizing: ignore; - -/* グローバル値 */ --moz-stack-sizing: inherit; --moz-stack-sizing: initial; --moz-stack-sizing: unset; -</pre> - -<p>スタックが子要素を収容しようと自動的にリサイズをしないようにするには、子要素の<code>-moz-stack-sizing</code> に<code>無視する (ignore)</code> を設定します。プロパティはスタック自身でなく、スタックの子要素に設定します。これにより特定の子要素を他の要素と区別して無視できます。</p> - -<p class="note"><strong>メモ:</strong> Gecko の以前のバージョンではスタック要素に非常に大きい負の下と右のマージンを、サイズを無視したくない子要素に同じように非常に大きな下と右のマージンを設定することで問題を回避することができました。(この問題はスタックの上や左に移動する子要素には影響を与えません。)</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt><code>stretch-to-fit</code></dt> - <dd>子要素がスタックのサイズに影響する。</dd> - <dt><code>ignore</code></dt> - <dd>スタックはサイズを計算する時に、この子要素を考慮しない。</dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox notranslate">{{csssyntax}}</pre> - -<h2 id="Examples" name="Examples">例</h2> - -<pre class="brush:css notranslate">.mainsheet { - -moz-stack-sizing: ignore; -} -</pre> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<p>{{bug("346189")}}</p> diff --git a/files/ja/web/css/-ms-accelerator/index.html b/files/ja/web/css/-ms-accelerator/index.html deleted file mode 100644 index a057272e2e..0000000000 --- a/files/ja/web/css/-ms-accelerator/index.html +++ /dev/null @@ -1,76 +0,0 @@ ---- -title: '-ms-accelerator' -slug: Web/CSS/-ms-accelerator -tags: - - CSS - - CSS プロパティ - - Microsoft 拡張 - - Non-standard - - リファレンス -translation_of: Archive/Web/CSS/-ms-accelerator ---- -<div>{{CSSRef}}</div> - -<div>{{non-standard_header}}</div> - -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>-ms-accelerator</code></strong> プロパティは、オブジェクトがキーボードショートカットを表しているかどうかを示す文字列を設定したり受け取ったりする <a href="/ja/docs/Web/CSS/Microsoft_CSS_extensions">Microsoft 拡張</a>です。</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="brush: css">/* オブジェクトはキーボードショートカットではない (既定値) */ --ms-accelerator: false -/* オブジェクトはキーボードショートカットである */ --ms-accelerator: true -</pre> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt><code>false</code></dt> - <dd> - <p>オブジェクトはキーボードショートカットではありません。</p> - </dd> - <dt><code>true</code></dt> - <dd> - <p>オブジェクトはキーボードショートカットです。</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Examples" name="Examples">例</h2> - -<p>この例は {{HTMLElement("u")}} 要素で <code>-ms-accelerator</code> 属性を使用して、 {{HTMLElement("label")}} 要素内の "N" がキーボードショートカットであると指定しています。ユーザーの画面のプロパティでオプション「Alt キーを押すまでキーボードショートカットを隠す」が有効になっていると、 "N" はユーザーが <kbd>Alt</kbd> キーを押すまで下線が引かれません。 <kbd>Alt</kbd> + <kbd>N</kbd> が押されると、 {{htmlattrxref("accessKey","input")}} 属性の値を "N" に定義した {{HTMLElement("input")}} 要素がフォーカスを受け取ります。</p> - -<pre class="brush: html"><!DOCTYPE html> - -<html> - <head> - <title>Accelerator</title> - </head> - <body> - <label for="oName"><u style="-ms-accelerator: true; accelerator: true">N</u>ame: </label> - <input type="text" - id="oName" - size="25" - accesskey="N" - value="Your name here" /> - </body> -</html><strong> -</strong></pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Remarks" name="Remarks">注釈</h2> - -<p>このプロパティは Windows 2000 以降で対応しています。ユーザーがメニュー項目やコントロールのナビゲーションのインジケーターを <kbd>Alt</kbd> キーが押されるまで隠すことができます。</p> - -<p>アクセスキーは、オブジェクトを選択するためのキーボードショートカットとして使われる単一の文字です。ユーザーは <kbd>Alt</kbd> キーを押し、押しながらオブジェクトへ入力フォーカスを移動する文字を押すと、オブジェクトに関連付けられた既定のイベントを呼び出します。</p> - -<p>Internet Explorer 8 (IE8) では、 <code>-ms-accelerator</code> 属性は CSS の拡張機能であり、 IE8 標準モードで <code>accelerator</code> の別名として使用することができます。</p> diff --git a/files/ja/web/css/-ms-block-progression/index.html b/files/ja/web/css/-ms-block-progression/index.html deleted file mode 100644 index ba8a3cd37b..0000000000 --- a/files/ja/web/css/-ms-block-progression/index.html +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: '-ms-block-progression' -slug: Web/CSS/-ms-block-progression -tags: - - CSS - - CSS プロパティ - - Microsoft 拡張 - - Non-standard - - Reference - - block-progression -translation_of: Archive/Web/CSS/-ms-block-progression ---- -<div>{{CSSRef}}</div> - -<div>{{non-standard_header}}</div> - -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>-ms-block-progression</code></strong> プロパティは、ブロックの進行とレイアウト方向を指定するための <a href="/ja/docs/Web/CSS/Microsoft_CSS_extensions">Microsoft 拡張</a>です。</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt><code>tb</code></dt> - <dd>既定値。上から下へのブロックの流れです。レイアウトは水平です。</dd> - <dt><code>rl</code></dt> - <dd>右から左へのブロックの流れです。レイアウトは垂直です。</dd> - <dt><code>bt</code></dt> - <dd>下から上へのブロックの流れです。レイアウトは水平です。</dd> - <dt><code>rl</code></dt> - <dd>左から右へのブロックの流れです。レイアウトは垂直です。</dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox"> {{csssyntax}} -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Remarks" name="Remarks">注釈</h2> - -<p>垂直のレイアウトでは、文字の行が時計方向に90°回転します。画像は回転しませんが、表は回転します。垂直方向のボックスレイアウトは反対の水平方向のレイアウトになります。 width, height, top, bottom, right, left はテキストと一緒に回転しません。</p> - -<p>一度に同時に一つのブロックの進行のみが有効です。これらの値は組み合わせることができません。</p> - -<p>このプロパティは CSS3 テキストレイアウトモジュールの <code>block-progression</code> プロパティに基づいています。</p> diff --git a/files/ja/web/css/-ms-content-zoom-chaining/index.html b/files/ja/web/css/-ms-content-zoom-chaining/index.html deleted file mode 100644 index 1b1220ec7b..0000000000 --- a/files/ja/web/css/-ms-content-zoom-chaining/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: '-ms-content-zoom-chaining' -slug: Web/CSS/-ms-content-zoom-chaining -tags: - - CSS - - CSS プロパティ - - Microsoft 拡張 - - Non-standard - - Reference - - 'recipe:css-property' - - リファレンス -translation_of: Archive/Web/CSS/-ms-content-zoom-chaining ---- -<div>{{CSSRef}}</div> - -<div>{{non-standard_header}}</div> - -<p><strong><code>-ms-content-zoom-chaining</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の <a href="/ja/docs/Web/CSS/Microsoft_Extensions">Microsoft 拡張</a>プロパティで、ユーザーがページの操作中にズームの限界に当たった時に起こるズームの振る舞いを指定します。</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt><code>none</code></dt> - <dd>初期値です。ユーザーがページの操作中にズームの限界に当たった時に、跳ね返る効果が表示されます。</dd> - <dt><code>chained</code></dt> - <dd>ユーザーがページの操作中にズームの限界に当たった時に、直近のズーム可能な親要素がズームし始めます。跳ね返る効果は表示されません。</dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox notranslate"> {{csssyntax}} -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Remarks" name="Remarks">注釈</h2> - -<p>このプロパティはズームできない要素には効果がありません。ズーム可能な要素については、 {{CSSXref("-ms-content-zooming")}} をご覧ください。</p> - -<p>Windows 8.1 以降、このプロパティはタッチパッドの反応でも対応しています。</p> - -<p>このプロパティは Windows 8 以降でのみ対応しています。</p> diff --git a/files/ja/web/css/-ms-content-zoom-limit-max/index.html b/files/ja/web/css/-ms-content-zoom-limit-max/index.html deleted file mode 100644 index 964f6c4085..0000000000 --- a/files/ja/web/css/-ms-content-zoom-limit-max/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: '-ms-content-zoom-limit-max' -slug: Web/CSS/-ms-content-zoom-limit-max -tags: - - CSS - - CSS プロパティ - - Microsoft 拡張 - - Non-standard - - Reference - - 'recipe:css-property' - - リファレンス -translation_of: Archive/Web/CSS/-ms-content-zoom-limit-max ---- -<div>{{CSSRef}}</div> - -<div>{{non-standard_header}}</div> - -<p><strong><code>-ms-content-zoom-limit-max</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の <a href="/ja/docs/Web/CSS/Microsoft_Extensions">Microsoft 拡張</a>プロパティで、選択された要素の最大ズーム率を指定します。</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt>{{cssxref("percentage")}}</dt> - <dd> - <p>最大ズーム率です。</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox notranslate"> {{csssyntax}} -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Remarks" name="Remarks">注釈</h2> - -<p>このプロパティは、 <code>msContentZoomFactor</code> プロパティの値と同様にタッチによるズームを制限を設定します。このプロパティはズーム可能ではない要素には効果がありません。ズーム可能な要素の詳細については、 {{CSSXRef("-ms-content-zooming")}} をご覧ください。</p> - -<p>Windows 8.1 以降、このプロパティはタッチパッドの反応でも対応しています。</p> - -<p>このプロパティは Windows 8 以降でのみ対応しています。</p> diff --git a/files/ja/web/css/-ms-content-zoom-limit-min/index.html b/files/ja/web/css/-ms-content-zoom-limit-min/index.html deleted file mode 100644 index 080290a948..0000000000 --- a/files/ja/web/css/-ms-content-zoom-limit-min/index.html +++ /dev/null @@ -1,47 +0,0 @@ ---- -title: '-ms-content-zoom-limit-min' -slug: Web/CSS/-ms-content-zoom-limit-min -tags: - - CSS - - CSS プロパティ - - Microsoft 拡張 - - Non-standard - - Reference - - 'recipe:css-property' -translation_of: Archive/Web/CSS/-ms-content-zoom-limit-min ---- -<div>{{CSSRef}}</div> - -<div>{{non-standard_header}}</div> - -<p><strong><code>-ms-content-zoom-limit-min</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の <a href="/ja/docs/Web/CSS/Microsoft_Extensions">Microsoft 拡張</a>プロパティで、最小ズーム率を指定します。</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt>{{cssxref("percentage")}}</dt> - <dd> - <p>最小ズーム率です。</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox notranslate"> {{csssyntax}} -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Remarks" name="Remarks">注釈</h2> - -<p>このプロパティは、 <code>msContentZoomFactor</code> プロパティの値と同様にタッチによるズームを制限を設定します。このプロパティはズーム可能ではない要素には効果がありません。ズーム可能な要素の詳細については、 {{CSSXRef("-ms-content-zooming")}} をご覧ください。</p> - -<p>Windows 8.1 以降、このプロパティはタッチパッドの反応でも対応しています。</p> - -<p>このプロパティは Windows 8 以降でのみ対応しています。</p> diff --git a/files/ja/web/css/-ms-content-zoom-limit/index.html b/files/ja/web/css/-ms-content-zoom-limit/index.html deleted file mode 100644 index 25a3b8c8d4..0000000000 --- a/files/ja/web/css/-ms-content-zoom-limit/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: '-ms-content-zoom-limit' -slug: Web/CSS/-ms-content-zoom-limit -tags: - - CSS - - CSS プロパティ - - Microsoft 拡張 - - Non-standard - - リファレンス -translation_of: Archive/Web/CSS/-ms-content-zoom-limit ---- -<div>{{CSSRef}}</div> - -<div>{{non-standard_header}}</div> - -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>-ms-content-zoom-limit</code></strong> 一括指定プロパティは、 {{CSSXref("-ms-content-zoom-limit-min")}} 及び {{CSSXref("-ms-content-zoom-limit-max")}} プロパティのための値を指定する <a href="/ja/docs/Web/CSS/Microsoft_CSS_extensions">Microsoft 拡張</a>です。</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<p><code>-ms-content-zoom-limit</code> 一括指定プロパティは、以下のコンテンツズーム制限の値の1つ又は両方を、この順序で、空白で区切って指定します。</p> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt><code>-ms-content-zoom-limit-min</code></dt> - <dd>{{CSSXref("-ms-content-zoom-limit-min")}} プロパティの値です。</dd> - <dt><code>-ms-content-zoom-limit-max</code></dt> - <dd>{{CSSXref("-ms-content-zoom-limit-max")}} プロパティの値です。</dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox"> {{csssyntax}} -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Remarks" name="Remarks">注釈</h2> - -<p>このプロパティはズーム可能ではない要素には効果がありません。ズーム可能な要素の詳細については、 {{CSSXRef("-ms-content-zooming")}} をご覧ください。</p> - -<p>Windows 8.1 以降、このプロパティはタッチパッドの反応でも対応しています。</p> - -<p>このプロパティは Windows 8 以降でのみ対応しています。</p> diff --git a/files/ja/web/css/-ms-content-zoom-snap/index.html b/files/ja/web/css/-ms-content-zoom-snap/index.html deleted file mode 100644 index edbc58c33a..0000000000 --- a/files/ja/web/css/-ms-content-zoom-snap/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: '-ms-content-zoom-snap' -slug: Web/CSS/-ms-content-zoom-snap -tags: - - CSS - - CSS プロパティ - - Microsoft 拡張 - - Non-standard - - リファレンス -translation_of: Archive/Web/CSS/-ms-content-zoom-snap ---- -<div>{{CSSRef}}</div> - -<div>{{non-standard_header}}</div> - -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>-ms-content-zoom-snap</code></strong> 一括指定プロパティは、 {{CSSXref("-ms-content-zoom-snap-type")}} 及び {{CSSXref("-ms-content-zoom-snap-points")}} プロパティのための値を指定する <a href="/ja/docs/Web/CSS/Microsoft_CSS_extensions">Microsoft 拡張</a>です。</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<p><code>-ms-content-zoom-snap</code> 一括指定プロパティは、以下のコンテンツズーム合わせの値の1つ又は両方を、この順序で、空白で区切って指定します。</p> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt><code>-ms-content-zoom-snap-type</code></dt> - <dd>{{CSSXref("-ms-content-zoom-snap-type")}} プロパティの値です。</dd> - <dt><code>-ms-content-zoom-snap-points</code></dt> - <dd>{{CSSXref("-ms-content-zoom-snap-points")}} プロパティの値です。</dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox"> {{csssyntax}} -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Remarks" name="Remarks">注釈</h2> - -<p>このプロパティはズーム可能ではない要素には効果がありません。ズーム可能な要素の詳細については、 {{CSSXRef("-ms-content-zooming")}} をご覧ください。</p> - -<p>Windows 8.1 以降、このプロパティはタッチパッドの反応でも対応しています。</p> - -<p>このプロパティは Windows 8 以降でのみ対応しています。</p> diff --git a/files/ja/web/css/-ms-content-zooming/index.html b/files/ja/web/css/-ms-content-zooming/index.html deleted file mode 100644 index 4dab069127..0000000000 --- a/files/ja/web/css/-ms-content-zooming/index.html +++ /dev/null @@ -1,49 +0,0 @@ ---- -title: '-ms-content-zooming' -slug: Web/CSS/-ms-content-zooming -tags: - - CSS - - CSS プロパティ - - Microsoft 拡張 - - Non-standard - - Reference - - 'recipe:css-property' -translation_of: Archive/Web/CSS/-ms-content-zooming ---- -<div>{{CSSRef}}</div> - -<div>{{non-standard_header}}</div> - -<p><strong><code>-ms-content-zooming</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の <a href="/ja/docs/Web/CSS/Microsoft_Extensions">Microsoft 拡張</a>プロパティで、ズームを有効にするかどうかを指定します。</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt><code>none</code></dt> - <dd>最上位の要素を除くすべての要素の初期値です。要素はズームできません。</dd> - <dt><code>zoom </code></dt> - <dd>最上位の要素の初期値です。要素はズーム可能です。</dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox notranslate"> {{csssyntax}} -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Remarks" name="Remarks">注釈</h2> - -<p>このプロパティは、 X 軸と Y 軸の両方であふれが許可されていないと効果がありません。</p> - -<p>既定では、ズームが可能な要素はユーザーがピンチズームによってズームすることができます。最上位の要素はズームが有効であれば、ダブルタップでもズームすることができます。</p> - -<p>Windows 8.1 以降では、このプロパティはタッチパッド操作でも対応しています。</p> - -<p>このプロパティは Windows 8 以降でのみ対応しています。</p> diff --git a/files/ja/web/css/-ms-scrollbar-face-color/index.html b/files/ja/web/css/-ms-scrollbar-face-color/index.html deleted file mode 100644 index ceac159737..0000000000 --- a/files/ja/web/css/-ms-scrollbar-face-color/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: '-ms-scrollbar-face-color' -slug: Web/CSS/-ms-scrollbar-face-color -tags: - - CSS - - CSS プロパティ - - 'CSS:Microsoft 拡張' - - Deprecated - - Microsoft 拡張 - - Non-standard - - Reference - - 標準外 - - 非推奨 -translation_of: Archive/Web/CSS/-ms-scrollbar-face-color ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Deprecated_Header}}</div> - -<p><a href="/ja/docs/Web/CSS">CSS</a> の <code><strong>-ms-scrollbar-face-color</strong></code> プロパティは <a href="/ja/docs/Web/CSS/Microsoft_extensions">Microsoft 拡張</a>で、スクロールバーのスクロールボックスおよびスクロール矢印の色を指定します。</p> - -<p>{{CSSInfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt>{{CSSxRef("<color>")}}</dt> - <dd> - <p>スクロールボックスおよびスクロール矢印の色です。</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox notranslate">{{CSSSyntax}}</pre> - -<h2 id="Examples" name="Examples">例</h2> - -<p>この例では、 <code>-ms-scrollbar-face-color</code> および {{cssxref("-ms-scrollbar-arrow-color")}} を使用して、青いスクロールボックスと矢印を持ったスクロールバー、および緑のスクロールボックスおよび矢印を持ったスクロールバーを表示します。</p> - -<pre class="brush: css; notranslate">div { - width: 150px; - height: 150px; - overflow-y: scroll; - border-style: solid; - border-width: thin; - font-family: sans-serif; - float: left; - margin-right: 10px; -} -.blueScrollBox { - scrollbar-face-color: blue; - scrollbar-arrow-color: blue; -} -.greenScrollBox { - scrollbar-face-color: green; - scrollbar-arrow-color: green; -} -</pre> - -<pre class="brush: html; notranslate"><body> - <div class="blueScrollBox"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> - <div class="greenScrollBox"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> -</body> -</pre> - -<p>{{EmbedLiveSample("Examples")}}</p> - -<p>結果はこの画像の通りです。</p> - -<p><img alt="Image for -ms-scrollbar-face-color example" src="https://mdn.mozillademos.org/files/15826/image002.png" style="height: 168px; width: 330px;"></p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> - -<p>{{Compat("css.properties.-ms-scrollbar-face-color")}}</p> - -<h2 id="Remarks" name="Remarks">注釈</h2> - -<p>Windows Internet Explorer 8+ 以降で対応しています。 <code>-ms-scrollbar-face-color</code> 属性は CSS への拡張で、 IE8 標準モードでは <code>scrollbar-face-color</code> の別名として使用することができます。</p> - -<p>スクロールボックスとは、スクロールバー内の矩形のボックスで、上下または左右に移動することで、画面上のコンテンツの位置を変更することができます。スクロール矢印とは、スクロールバーの端に位置し、矢印が描かれた矩形のボタンで、画面上のコンテンツを上下または左右に少しだけ動かすためのものです。</p> - -<p>このプロパティはスクロールバーを表示する要素に適用されます。 CSS は {{CSSxRef("overflow")}} プロパティによってすべてのオブジェクトでスクロールが有効になります。</p> diff --git a/files/ja/web/css/-ms-scrollbar-highlight-color/index.html b/files/ja/web/css/-ms-scrollbar-highlight-color/index.html deleted file mode 100644 index eb03886c66..0000000000 --- a/files/ja/web/css/-ms-scrollbar-highlight-color/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: '-ms-scrollbar-highlight-color' -slug: Web/CSS/-ms-scrollbar-highlight-color -tags: - - CSS - - CSS プロパティ - - Microsoft 拡張 - - Non-standard - - Obsolete - - Reference - - 廃止 - - 標準外 -translation_of: Archive/Web/CSS/-ms-scrollbar-highlight-color ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Obsolete_Header}}</div> - -<p><a href="/ja/docs/Web/CSS">CSS</a> の <code><strong>-ms-scrollbar-highlight-color</strong></code> プロパティは <a href="/ja/docs/Web/CSS/Microsoft_extensions">Microsoft 拡張</a>で、スクロールバーのスライダートレイ、スクロールボックスの上辺と左辺、スクロール矢印の色を指定します。</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt>{{cssxref("<color>")}}</dt> - <dd> - <p>スクロールバーのスライダートレイ、スクロールボックスの上辺と左辺、スクロール矢印の色です。</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Examples" name="Examples">例</h2> - -<p>この例では、 <code>-ms-scrollbar-highlight-color</code>, {{CSSXref("-ms-scrollbar-face-color")}}, {{CSSXref("-ms-scrollbar-arrow-color")}} を使用して、異なる色のスクロールバーを持った二つの {{HTMLElement("div")}} オブジェクトを生成します。</p> - -<pre class="brush: css">div { - width: 150px; - height: 150px; - border-style: solid; - border-width: thin; - overflow-y: scroll; - font-family: sans-serif; - float: left; - margin-right: 10px; -} - -.blueScroll { - -ms-scrollbar-highlight-color: aqua; - -ms-scrollbar-face-color: blue; - -ms-scrollbar-arrow-color: blue; - border-color: blue; -} - -.redScroll { - -ms-scrollbar-highlight-color: bisque; - -ms-scrollbar-face-color: red; - -ms-scrollbar-arrow-color: red; - border-color: red; -}</pre> - -<pre class="brush: html"><body> - <div class="blueScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> - <div class="redScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> -</body></pre> - -<p>結果はこの画像の通りです。</p> - -<p><img alt="Image for -ms-scrollbar-highlight-color example" src="https://mdn.mozillademos.org/files/15827/Image%20for%20example.png" style="height: 166px; width: 328px;"></p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> - -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> - -<p>{{Compat("css.properties.-ms-scrollbar-highlight-color")}}</p> - -<h2 id="Remarks" name="Remarks">注釈</h2> - -<p>Windows Internet Explorer 8+ 以降で対応しています。 <code>-ms-scrollbar-highlight-color</code> 属性は CSS への拡張で、 IE8 標準モードでは <code>scrollbar-highlight-color</code> の別名として使用することができます。</p> - -<p>スクロールボックスとは、スクロールバー内の矩形のボックスで、上下または左右に移動することで、画面上のコンテンツの位置を変更することができます。スクロール矢印とは、スクロールバーの端に位置し、矢印が描かれた矩形のボタンで、画面上のコンテンツを上下または左右に少しだけ動かすためのものです。</p> - -<p>このプロパティはスクロールバーを表示する要素に適用されます。 CSS は {{CSSXref("overflow")}} プロパティによってすべてのオブジェクトでスクロールが有効になります。</p> diff --git a/files/ja/web/css/-ms-wrap-margin/index.html b/files/ja/web/css/-ms-wrap-margin/index.html deleted file mode 100644 index af3add1678..0000000000 --- a/files/ja/web/css/-ms-wrap-margin/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: '-ms-wrap-margin' -slug: Web/CSS/-ms-wrap-margin -tags: - - CSS - - CSS プロパティ - - 'CSS:Microsoft 拡張' - - Microsoft 拡張 - - Non-standard - - Reference - - 'recipe:css-property' -translation_of: Archive/Web/CSS/-ms-wrap-margin ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p><strong><code>-ms-wrap-margin</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> のプロパティで <a href="/ja/docs/Web/CSS/Microsoft_Extensions">Microsoft 拡張</a>で、他のシェイプからの内部の折り返し形状をずらすマージンを指定します。</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt>{{cssxref("<length>")}}</dt> - <dd> - <p>マージンの寸法、負ではない値。</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -<pre class="syntaxbox notranslate">{{csssyntax}} -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Remarks" name="Remarks">注釈</h2> - -<p><code>-ms-wrap-margin</code> プロパティで生成されたオフセットは、除外の外側からのオフセットです。このプロパティはあらゆる対応している長さの値を設定できます。</p> diff --git a/files/ja/web/css/@media/-moz-mac-graphite-theme/index.html b/files/ja/web/css/@media/-moz-mac-graphite-theme/index.html deleted file mode 100644 index 5f41e28efb..0000000000 --- a/files/ja/web/css/@media/-moz-mac-graphite-theme/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: '-moz-mac-graphite-theme' -slug: Web/CSS/@media/-moz-mac-graphite-theme -tags: - - '-moz-mac-graphite-theme' - - '@media' - - CSS - - Mozilla 拡張 - - Non-standard - - メディア特性 -translation_of: Archive/Web/CSS/@media/-moz-mac-graphite-theme ---- -<p>{{CSSRef}}{{Non-standard_Header}}</p> - -<div class="blockIndicator note"> -<p><strong>メモ</strong>: <a href="/ja/docs/Mozilla/Firefox/Releases/58">Firefox 58</a> 以降、このメディア特性はウェブコンテンツでは利用できなくなりました。内部 (例えば to XUL / chrome code) でのみ利用できます。詳しくは {{bug(1396066)}} をご覧ください。</p> -</div> - -<p><span class="seoSummary"><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>-moz-mac-graphite-theme</code></strong> <a href="/ja/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">メディア特性</a>は Gecko 独自のもので、ユーザーが Mac OS X の "Graphite" テーマを有効にしているかどうかでスタイルを適用するために使用することができます。</span></p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<dl> - <dt>{{CSSxRef("<integer>")}}</dt> - <dd>ユーザーが Mac OS X で "Graphite" を使用するよう端末を設定している場合、これは 1 になります。ユーザーが標準の青い表示を使用しているか、 Mac OS X ではない場合、これは 0 になります。</dd> -</dl> - -<p><strong>メディア:</strong> {{CSSxRef("Media/Visual")}}<br> - <strong>min/max 接頭辞の受付:</strong> いいえ</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>この特性は、 CSS の {{CSSxRef(":-moz-system-metric/mac-graphite-theme", ":-moz-system-metric(mac-graphite-theme)")}} <a href="/ja/docs/Web/CSS/Pseudo-classes">疑似クラス</a>と深く関係しています。</li> -</ul> diff --git a/files/ja/web/css/@media/-moz-maemo-classic/index.html b/files/ja/web/css/@media/-moz-maemo-classic/index.html deleted file mode 100644 index dfecdc64b9..0000000000 --- a/files/ja/web/css/@media/-moz-maemo-classic/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: '-moz-maemo-classic' -slug: Web/CSS/@media/-moz-maemo-classic -tags: - - '@media' - - CSS - - Mozilla 拡張 - - メディア特性 - - 標準外 -translation_of: Archive/Web/CSS/@media/-moz-maemo-classic ---- -<p>{{CSSRef}}{{Non-standard_Header}}{{Gecko_MinVersion_Header("1.9.2")}}</p> - -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>-moz-maemo-classic</code></strong> <a href="/ja/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">メディア特性</a>は Gecko 独自のもので、ユーザーエージェントが Maemo のオリジナルのテーマを使用しているかどうかでスタイルを適用するために使用することができます。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<dl> - <dt>{{CSSxRef("<integer>")}}</dt> - <dd>ユーザーエージェントがオリジナルのテーマで Maemo を使用している場合、これは 1 です。もっと新しい Fremantle テーマを使用している場合は、これは 0 です。</dd> -</dl> - -<p><strong>メディア:</strong> {{CSSxRef("Media/Visual")}}<br> - <strong>min/max 接頭辞の受付:</strong> いいえ</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>この特性は CSS の {{CSSxRef(":-moz-system-metric(maemo-classic)")}} <a href="/ja/docs/Web/CSS/Pseudo-classes">疑似クラス</a>に対応します。</li> -</ul> diff --git a/files/ja/web/css/@media/-moz-os-version/index.html b/files/ja/web/css/@media/-moz-os-version/index.html deleted file mode 100644 index 10e70bc450..0000000000 --- a/files/ja/web/css/@media/-moz-os-version/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: '-moz-os-version' -slug: Web/CSS/@media/-moz-os-version -tags: - - '@media' - - CSS - - Mozilla 拡張 - - メディア特性 - - 標準外 -translation_of: Archive/Web/CSS/@media/-moz-os-version ---- -<div>{{cssref}}{{Non-standard_header}} -<div class="note"> -<p><strong>メモ</strong>: <a href="/ja/docs/Mozilla/Firefox/Releases/58">Firefox 58</a> 以降、このメディア特性はウェブコンテンツでは利用できなくなりました。内部 (e.g. to XUL / chrome code) でのみ利用できます。詳しくは {{bug(1396066)}} をご覧ください。</p> -</div> -</div> - -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>-moz-os-version</code></strong> <a href="/ja/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">メディア特性</a>は Gecko 独自のもので、ユーザーの Microsoft Windows のバージョンによってスタイルを適用するために使用することができます。これはユーザーのオペレーティングシステムのバージョンに応じてアプリケーションのスキンやその他のクロームコードを適用するのに便利です。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt><code>windows-win7</code></dt> - <dd>ユーザーは Windows 7 オペレーティングシステムを利用しています。</dd> - <dt><code>windows-win8</code></dt> - <dd>ユーザーは Windows 8 オペレーティングシステムを利用しています。</dd> - <dt><code>windows-win10</code></dt> - <dd>ユーザーは Windows 10 オペレーティングシステムを利用しています。</dd> -</dl> - -<p><br> - <strong>メディア:</strong> {{cssxref("Media/Visual")}}<br> - <strong>min/max 接頭辞の受付:</strong> いいえ</p> diff --git a/files/ja/web/css/@media/-moz-windows-accent-color-in-titlebar/index.html b/files/ja/web/css/@media/-moz-windows-accent-color-in-titlebar/index.html deleted file mode 100644 index 81a7c78396..0000000000 --- a/files/ja/web/css/@media/-moz-windows-accent-color-in-titlebar/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: '-moz-windows-accent-color-in-titlebar' -slug: Web/CSS/@media/-moz-windows-accent-color-in-titlebar -tags: - - '@media' - - CSS - - Mozilla 拡張 - - メディア特性 - - 標準外 -translation_of: Archive/Web/CSS/@media/-moz-windows-accent-color-in-titlebar ---- -<p>{{CSSRef}}{{Non-standard_Header}}</p> - -<div class="blockIndicator note"> -<p><strong>メモ</strong>: <a href="/ja/docs/Mozilla/Firefox/Releases/58">Firefox 58</a> 以降、このメディア特性はウェブコンテンツでは利用できなくなりました。内部 (e.g. to XUL / chrome code) でのみ利用できます。詳しくは {{bug(1396066)}} をご覧ください。</p> -</div> - -<p><span class="seoSummary"><a href="/ja/docs/Web/CSS">CSS</a> の <strong>-moz-windows-accent-color-in-titlebar</strong> <a href="/ja/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">メディア特性</a>は Gecko 独自のもので、 Microsoft Windows のタイトルバーで強調色が有効であるかどうかでスタイルを適用するために使用することができます。</span></p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<dl> - <dt>{{CSSxRef("<integer>")}}</dt> - <dd>最新の Windows のバージョンでは、ウィンドウのタイトルバーで強調色が有効であれば、これは 1 です。それ以外は 0 です。</dd> -</dl> - -<p><strong>メディア:</strong> {{CSSxRef("Media/Visual")}}<br> - <strong>min/max 接頭辞の受付:</strong> いいえ</p> - -<h2 id="Example" name="Example">例</h2> - -<pre class="brush: css">@media (-moz-windows-accent-color-in-titlebar: 1) { - h1 { - color: -moz-win-accentcolortext; - } - - body { - background-color: -moz-win-accentcolor; - } -}</pre> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>この特性は、 CSS から Windows 強調色及び重複テキスト強調色にアクセスできるという点で、 Mozilla 独自の {{CSSxRef("<color>")}} 値である <code>-moz-win-accentcolor</code> 及び <code>-moz-win-accentcolortext</code> と深く関係しています。</li> -</ul> diff --git a/files/ja/web/css/@media/-moz-windows-classic/index.html b/files/ja/web/css/@media/-moz-windows-classic/index.html deleted file mode 100644 index 3c8754a33b..0000000000 --- a/files/ja/web/css/@media/-moz-windows-classic/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: '-moz-windows-classic' -slug: Web/CSS/@media/-moz-windows-classic -tags: - - '-moz-windows-classic' - - '@media' - - CSS - - Mozilla 拡張 - - Non-standard - - メディア特性 -translation_of: Archive/Web/CSS/@media/-moz-windows-classic ---- -<p>{{CSSRef}}{{Non-standard_Header}}</p> - -<div class="blockIndicator note"> -<p><strong>メモ</strong>: <a href="/ja/docs/Mozilla/Firefox/Releases/58">Firefox 58</a> 以降、このメディア特性はウェブコンテンツでは利用できなくなりました。内部 (e.g. to XUL / chrome code) でのみ利用できます。詳しくは {{bug(1396066)}} をご覧ください。</p> -</div> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<dl> - <dt>{{CSSxRef("<integer>")}}</dt> - <dd><span class="seoSummary">Windows をテーマなしで (uxtheme を使用しない classic モードで) 使用しているユーザーの場合は、 1 になります。そうでなければ 0 になります。</span></dd> -</dl> - -<p><strong>メディア:</strong> {{CSSxRef("Media/Visual")}}<br> - <strong>min/max 接頭辞の受け付け:</strong> なし</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>この機能は CSS の {{CSSxRef(":-moz-system-metric/windows-classic", ":-moz-system-metric(windows-classic)")}} <a href="/ja/docs/Web/CSS/Pseudo-classes">疑似クラス</a>に対応します。</li> - <li>{{CSSxRef("@media/-moz-windows-default-theme", "-moz-windows-default-theme")}}</li> - <li>{{CSSxRef("@media/-moz-windows-theme", "-moz-windows-theme")}}</li> -</ul> diff --git a/files/ja/web/css/@media/-moz-windows-theme/index.html b/files/ja/web/css/@media/-moz-windows-theme/index.html deleted file mode 100644 index 288987c972..0000000000 --- a/files/ja/web/css/@media/-moz-windows-theme/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: '-moz-windows-theme' -slug: Web/CSS/@media/-moz-windows-theme -tags: - - '-moz-windows-theme' - - '@media' - - CSS - - Mozilla 拡張 - - Non-standard - - メディア特性 - - 標準外 -translation_of: Archive/Web/CSS/@media/-moz-windows-theme ---- -<p>{{CSSRef}}{{Non-standard_Header}}</p> - -<div class="blockIndicator note"> -<p><strong>メモ</strong>: <a href="/ja/docs/Mozilla/Firefox/Releases/58">Firefox 58</a> 以降、このメディア特性はウェブコンテンツでは利用できなくなりました。内部 (e.g. to XUL / chrome code) でのみ利用できます。詳しくは {{bug(1396066)}} をご覧ください。</p> -</div> - -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>-moz-windows-theme</code></strong> <a href="/ja/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">メディア特性</a>は Gecko 独自のもので、ユーザーの Windows のテーマに合わせてアプリケーションのスキンやその他のクロムコードをカスタマイズするのに便利です。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<p><code>-moz-windows-theme</code> 特性は現在使用されている Windwos テーマを示すキーワード値です。</p> - -<h3 id="Values" name="Values">値</h3> - -<ul> - <li><code>aero</code></li> - <li><code>luna-blue</code></li> - <li><code>luna-olive</code></li> - <li><code>luna-silver</code></li> - <li><code>royale</code></li> - <li><code>generic</code></li> - <li><code>zune</code></li> -</ul> - -<p><strong>メディア:</strong> {{CSSxRef("Media/Visual")}}<br> - <strong>min/max 接頭辞の受け付け:</strong> なし</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{CSSxRef("@media/-moz-windows-classic", "-moz-windows-classic")}}</li> - <li>{{CSSxRef("@media/-moz-windows-default-theme", "-moz-windows-default-theme")}}</li> -</ul> diff --git a/files/ja/web/css/_colon_-moz-full-screen-ancestor/index.html b/files/ja/web/css/_colon_-moz-full-screen-ancestor/index.html deleted file mode 100644 index 13b68ab469..0000000000 --- a/files/ja/web/css/_colon_-moz-full-screen-ancestor/index.html +++ /dev/null @@ -1,39 +0,0 @@ ---- -title: ':-moz-full-screen-ancestor' -slug: 'Web/CSS/:-moz-full-screen-ancestor' -tags: - - CSS - - CSS プロパティ - - 'CSS:Mozilla Extensions' - - Deprecated - - Non-standard - - Pseudo-class - - Reference -translation_of: 'Archive/Web/CSS/:-moz-full-screen-ancestor' ---- -<div>{{CSSRef}}{{non-standard_header}}{{deprecated_header}}</div> - -<p><strong><code>:-moz-full-screen-ancestor</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の <a href="/ja/docs/Web/CSS/Pseudo-classes">擬似クラス</a>で <a href="/ja/docs/Web/CSS/Mozilla_Extensions">Mozilla 拡張</a>であり、全画面要素のすべての祖先を表しますが、全画面化する要素を含む親文書の包含フレームは含みません。しかし、これらの要素の祖先は適用されるこの擬似クラスを持ちます。</p> - -<div class="warning"> -<p>この擬似クラスはThis Firefox 50 で削除されました。</p> -</div> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> - -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> - -<p>{{Compat("css.selectors.-moz-full-screen-ancestor")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/Fullscreen_API">全画面モードの使用</a></li> - <li>{{domxref("element.mozRequestFullScreen()")}}</li> - <li>{{domxref("document.mozCancelFullScreen()")}}</li> - <li>{{domxref("document.mozFullScreen")}}</li> - <li>{{domxref("document.mozFullScreenElement")}}</li> - <li>{{domxref("document.mozFullScreenEnabled")}}</li> - <li>{{HTMLAttrXRef("mozallowfullscreen", "iframe")}}</li> - <li>{{cssxref(":full-screen")}}</li> -</ul> diff --git a/files/ja/web/css/_doublecolon_-ms-browse/index.html b/files/ja/web/css/_doublecolon_-ms-browse/index.html deleted file mode 100644 index 5bb2d2abd6..0000000000 --- a/files/ja/web/css/_doublecolon_-ms-browse/index.html +++ /dev/null @@ -1,112 +0,0 @@ ---- -title: '::-ms-browse' -slug: 'Web/CSS/::-ms-browse' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference - - Selector - - セレクター - - 標準外 -translation_of: 'Archive/Web/CSS/::-ms-browse' ---- -<div>{{CSSRef}}{{Non-standard_Header}}</div> - -<p>CSS の <strong><code>::-ms-browse</code></strong> <a href="/ja/docs/Web/CSS/Pseudo-elements">擬似要素</a>は <a href="/ja/docs/Web/CSS/Microsoft_extensions">Microsoft 拡張</a>であり、 {{HTMLElement("input/file", '<code><input type="file"></code>')}} のファイル選択ダイアログを開くボタンを表します。</p> - -<h2 id="Permitted_properties" name="Permitted_properties">許可されているプロパティ</h2> - -<p>以下の CSS プロパティのみが <code>::-ms-browse</code> がセレクターにある場合に利用できます。その他のプロパティは無視されます。</p> - -<div class="index"> -<ul> - <li>{{CSSxRef("-ms-background-position-x")}}</li> - <li>{{CSSxRef("-ms-background-position-y")}}</li> - <li>{{CSSxRef("-ms-high-contrast-adjust")}}</li> - <li>{{CSSxRef("background-clip")}}</li> - <li>{{CSSxRef("background-color")}}</li> - <li>{{CSSxRef("background-image")}}</li> - <li>{{CSSxRef("background-origin")}}</li> - <li>{{CSSxRef("background-repeat")}}</li> - <li>{{CSSxRef("background-size")}}</li> - <li>{{CSSxRef("border-bottom-color")}}</li> - <li>{{CSSxRef("border-bottom-left-radius")}}</li> - <li>{{CSSxRef("border-bottom-right-radius")}}</li> - <li>{{CSSxRef("border-bottom-style")}}</li> - <li>{{CSSxRef("border-bottom-width")}}</li> - <li>{{CSSxRef("border-left-color")}}</li> - <li>{{CSSxRef("border-left-style")}}</li> - <li>{{CSSxRef("border-left-width")}}</li> - <li>{{CSSxRef("border-right-color")}}</li> - <li>{{CSSxRef("border-right-style ")}}</li> - <li>{{CSSxRef("border-right-width")}}</li> - <li>{{CSSxRef("border-top-color")}}</li> - <li>{{CSSxRef("border-top-left-radius")}}</li> - <li>{{CSSxRef("border-top-right-radius ")}}</li> - <li>{{CSSxRef("border-top-style")}}</li> - <li>{{CSSxRef("border-top-width")}}</li> - <li>{{CSSxRef("box-shadow")}}</li> - <li>{{CSSxRef("box-sizing")}}</li> - <li>{{CSSxRef("color")}}</li> - <li>{{CSSxRef("cursor")}}</li> - <li>{{CSSxRef("display")}} (<code>block</code>, <code>inline-block</code>, <code>none</code> の値)</li> - <li>{{CSSxRef("@font-face")}}</li> - <li>{{CSSxRef("font-size")}}</li> - <li>{{CSSxRef("font-style")}}</li> - <li>{{CSSxRef("font-weight")}}</li> - <li>{{CSSxRef("height")}}</li> - <li>{{CSSxRef("margin-bottom")}}</li> - <li>{{CSSxRef("margin-left")}}</li> - <li>{{CSSxRef("margin-right")}}</li> - <li>{{CSSxRef("margin-top")}}</li> - <li>{{CSSxRef("opacity")}}</li> - <li>{{CSSxRef("outline-color")}}</li> - <li>{{CSSxRef("outline-style")}}</li> - <li>{{CSSxRef("outline-width")}}</li> - <li>{{CSSxRef("padding-bottom")}}</li> - <li>{{CSSxRef("padding-left")}}</li> - <li>{{CSSxRef("padding-right")}}</li> - <li>{{CSSxRef("padding-top")}}</li> - <li>{{CSSxRef("transform")}}</li> - <li>{{CSSxRef("transform-origin")}}</li> - <li>{{CSSxRef("visibility")}}</li> - <li>{{CSSxRef("width")}}</li> -</ul> -</div> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox notranslate">{{CSSSyntax}} -</pre> - -<h2 id="Example" name="Example">例</h2> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html notranslate"><label>Select image: <input type="file"></label></pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css notranslate">input[type="file"]::-ms-browse { - color: red; - background-color: yellow; -}</pre> - -<h3 id="Result" name="Result">結果</h3> - -<p>{{EmbedLiveSample('Example')}}</p> - -<h4 id="Output_example" name="Output_example">出力例</h4> - -<p><img alt="" src="https://mdn.mozillademos.org/files/12744/bandicam%202016-03-11%2017-19-55-369.jpg" style="border-style: solid; border-width: 1px; height: 188px; width: 680px;"></p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>何れの仕様書の一部でもありません。</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> - -<p>{{Compat("css.selectors.-ms-browse")}}</p> diff --git a/files/ja/web/css/_doublecolon_-ms-expand/index.html b/files/ja/web/css/_doublecolon_-ms-expand/index.html deleted file mode 100644 index e55bbb962c..0000000000 --- a/files/ja/web/css/_doublecolon_-ms-expand/index.html +++ /dev/null @@ -1,92 +0,0 @@ ---- -title: '::-ms-expand' -slug: 'Web/CSS/::-ms-expand' -tags: - - CSS - - 'CSS:Microsoft Extensions' - - 'CSS:Microsoft 拡張' - - NeedsCompatTable - - Non-standard - - Pseudo-element - - Reference - - 標準外 - - 疑似要素 -translation_of: 'Archive/Web/CSS/::-ms-expand' ---- -<div>{{CSSRef}}{{Non-standard_Header}}</div> - -<p><strong><code>::-ms-expand</code></strong> は CSS の<a href="/ja/docs/Web/CSS/Pseudo-elements">疑似要素</a>で、 <a href="/ja/docs/Web/CSS/Microsoft_Extensions">Microsoft 拡張</a>であり、 {{HTMLElement("select")}} メニューコントロールでドロップダウンメニューを開いたり閉じたりするボタンを表します。通常、これは下を向いた三角形です。</p> - -<h2 id="Allowable_properties" name="Allowable_properties">許可されているプロパティ</h2> - -<p>以下の CSS プロパティのみが、 <code>::-ms-expand</code> をセレクターに含む規則で使用することができます。他のプロパティは無視されます。</p> - -<div class="index"> -<ul> - <li>{{CSSxRef("-ms-high-contrast-adjust")}}</li> - <li>{{CSSxRef("background-clip")}}</li> - <li>{{CSSxRef("background-color")}}</li> - <li>{{CSSxRef("background-image")}}</li> - <li>{{CSSxRef("background-origin")}}</li> - <li>{{CSSxRef("background-position-x")}}</li> - <li>{{CSSxRef("background-position-y")}}</li> - <li>{{CSSxRef("background-repeat")}}</li> - <li>{{CSSxRef("background-size")}}</li> - <li>{{CSSxRef("border-bottom-color")}}</li> - <li>{{CSSxRef("border-bottom-left-radius")}}</li> - <li>{{CSSxRef("border-bottom-right-radius")}}</li> - <li>{{CSSxRef("border-bottom-style")}}</li> - <li>{{CSSxRef("border-bottom-width")}}</li> - <li>{{CSSxRef("border-left-color")}}</li> - <li>{{CSSxRef("border-left-style")}}</li> - <li>{{CSSxRef("border-left-width")}}</li> - <li>{{CSSxRef("border-right-color")}}</li> - <li>{{CSSxRef("border-right-style ")}}</li> - <li>{{CSSxRef("border-right-width")}}</li> - <li>{{CSSxRef("border-top-color")}}</li> - <li>{{CSSxRef("border-top-left-radius")}}</li> - <li>{{CSSxRef("border-top-right-radius ")}}</li> - <li>{{CSSxRef("border-top-style")}}</li> - <li>{{CSSxRef("border-top-width")}}</li> - <li>{{CSSxRef("box-shadow")}}</li> - <li>{{CSSxRef("box-sizing")}}</li> - <li>{{CSSxRef("color")}}</li> - <li>{{CSSxRef("cursor")}}</li> - <li>{{CSSxRef("display")}} (<code>block</code>, <code>inline-block</code>, <code>none</code> の値)</li> - <li>{{CSSxRef("@font-face")}}</li> - <li>{{CSSxRef("font-size")}}</li> - <li>{{CSSxRef("font-style")}}</li> - <li>{{CSSxRef("font-weight")}}</li> - <li>{{CSSxRef("height")}}</li> - <li>{{CSSxRef("margin-bottom")}}</li> - <li>{{CSSxRef("margin-left")}}</li> - <li>{{CSSxRef("margin-right")}}</li> - <li>{{CSSxRef("margin-top")}}</li> - <li>{{CSSxRef("opacity")}}</li> - <li>{{CSSxRef("outline-color")}}</li> - <li>{{CSSxRef("outline-style")}}</li> - <li>{{CSSxRef("outline-width")}}</li> - <li>{{CSSxRef("padding-bottom")}}</li> - <li>{{CSSxRef("padding-left")}}</li> - <li>{{CSSxRef("padding-right")}}</li> - <li>{{CSSxRef("padding-top")}}</li> - <li>{{CSSxRef("transform")}}</li> - <li>{{CSSxRef("transform-origin")}}</li> - <li>{{CSSxRef("visibility")}}</li> - <li>{{CSSxRef("width")}}</li> -</ul> -</div> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">{{CSSSyntax}}</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>仕様書で定められていません。</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> - -<p>{{Compat("css.selectors.-ms-expand")}}</p> diff --git a/files/ja/web/css/_doublecolon_-ms-fill/index.html b/files/ja/web/css/_doublecolon_-ms-fill/index.html deleted file mode 100644 index 197848e00c..0000000000 --- a/files/ja/web/css/_doublecolon_-ms-fill/index.html +++ /dev/null @@ -1,112 +0,0 @@ ---- -title: '::-ms-fill' -slug: 'Web/CSS/::-ms-fill' -tags: - - CSS - - Microsoft 拡張 - - Non-standard - - Reference - - 標準外 - - 疑似要素 -translation_of: 'Archive/Web/CSS/::-ms-fill' ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p><span class="seoSummary">CSS の <strong><code>::-ms-fill</code></strong> <a href="/ja/docs/Web/CSS/Pseudo-elements">疑似要素</a>は <a href="/ja/docs/Web/CSS/Microsoft_extensions">Microsoft 拡張</a>で、 {{HTMLElement("progress")}} で表示される進捗バーを表します。</span>この疑似要素は Internet Explorer 10, Internet Explorer 11, Microsoft Edge のみで利用できます。</p> - -<p>確定的な進捗バーには {{cssxref("animation-name")}} 以外の許容されているすべてのプロパティを適用します。 <code>animation-name</code> だけは不確定なものに適用されます。 (進捗バーは {{htmlattrxref("value","progress")}} 属性が設定されていれば確定的で、そうでなければ不確定です。不確定な進捗バーは {{cssxref(":indeterminate")}} 疑似クラスで選択することができます。)</p> - -<p>既定では、 Internet Explorer および Edge は不確定な進捗バーに点が動くアニメーションを表示します。 <code>::-ms-fill</code> に <code>animation-name</code> を設定することで、アニメーションをこの表にあるように変更することができます。</p> - -<table class="standard-table"> - <tbody> - <tr> - <th>値</th> - <th>説明</th> - </tr> - <tr> - <td><code>none</code></td> - <td>アニメーションを無効にし、点は表示されません。</td> - </tr> - <tr> - <td><code>-ms-bar</code></td> - <td>バーのパターンを流れる動く点を表示します。</td> - </tr> - <tr> - <td><code>-ms-ring</code></td> - <td>環状のパターンを流れる動く点を表示します。</td> - </tr> - </tbody> -</table> - -<h2 id="Allowable_Properties" name="Allowable_Properties">許容されているプロパティ</h2> - -<p>以下の CSS プロパティのみがセレクターに <code>::-ms-fill</code> を含む規則で使用することができます。その他のプロパティは無視されます。</p> - -<ul> - <li>{{cssxref("animation-name")}}</li> - <li>{{cssxref("background-clip")}}, {{cssxref("background-color")}}, {{cssxref("background-image")}}, {{cssxref("background-origin")}}, {{cssxref("background-repeat")}}, {{cssxref("background-size")}}</li> - <li>{{cssxref("border")}}</li> - <li>{{cssxref("border-radius")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (<code>block</code>, <code>inline-block</code>, <code>none</code> の値)</li> - <li>{{cssxref("font")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}, {{cssxref("outline-style")}}, {{cssxref("outline-width")}}</li> - <li>{{cssxref("padding")}}</li> - <li>{{cssxref("transform")}} および {{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> -</ul> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"> {{csssyntax}} -</pre> - -<h2 id="Example" name="Example">例</h2> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><progress value="10" max="50"></progress> -</pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">progress::-ms-fill { - background-color: orange; -}</pre> - -<h3 id="Result" name="Result">結果</h3> - -<p>{{EmbedLiveSample("Example", 300, 50)}}</p> - -<p>このスタイルを使用した進捗バーは、次のように見えるかもしれません。</p> - -<p><img alt="A progress bar with its progress indicator colored orange." src="https://mdn.mozillademos.org/files/13484/progress_bar.png" style="height: 44px; width: 308px;"></p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> - -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> - -<p>{{Compat("css.selectors.-ms-fill")}}</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>何れの仕様書の一部でもありません。</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{ cssxref("::-moz-progress-bar") }}</li> - <li>{{ cssxref("::-webkit-progress-bar") }}</li> - <li>{{ cssxref("::-webkit-progress-value") }}</li> - <li>{{ cssxref("::-webkit-progress-inner-element") }}</li> -</ul> diff --git a/files/ja/web/css/_doublecolon_-ms-value/index.html b/files/ja/web/css/_doublecolon_-ms-value/index.html deleted file mode 100644 index 1731f89f86..0000000000 --- a/files/ja/web/css/_doublecolon_-ms-value/index.html +++ /dev/null @@ -1,103 +0,0 @@ ---- -title: '::-ms-value' -slug: 'Web/CSS/::-ms-value' -tags: - - CSS - - Microsoft 拡張 - - Reference - - 標準外 - - 疑似要素 -translation_of: 'Archive/Web/CSS/::-ms-value' ---- -<div>{{non-standard_header}}</div> - -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>::-ms-value</code></strong> <a href="/ja/docs/Web/CSS/Pseudo-elements">疑似要素</a>は <a href="/ja/docs/Web/CSS/Microsoft_CSS_extensions">Microsoft 拡張</a>で、テキストまたはパスワードの {{HTMLElement("input")}} コントロールの値、または {{HTMLElement("select")}} コントロールの中身に規則を適用します。</p> - -<h2 id="Allowable_properties" name="Allowable_properties">許可されているプロパティ</h2> - -<p>以下の CSS プロパティのみが <code>::-ms-value</code> をセレクターに含む規則で使用することができます。</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (<code>block</code>, <code>inline-block</code>, <code>none</code> の値)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"> {{csssyntax}} -</pre> - -<h2 id="Example" name="Example">例</h2> - -<pre class="brush: css">input::-ms-value { - color: lime; - font-style: italic; -}</pre> - -<p>既定のスタイルを無効にするには、以下のようにします。</p> - -<pre class="brush: css">select::-ms-value { - background-color: transparent; - color: inherit; -}</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p>どの仕様書でも定義されていません。</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> - -<p class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p> - -<p>{{Compat("css.selectors.-ms-value")}}</p> - -<div>{{CSSRef}}</div> |