diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-12 11:26:07 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-20 23:31:16 +0900 |
commit | 344de481418c0d5a62339748f8d7fc36a8133d47 (patch) | |
tree | f4652d6d4ca35c6ca61e2519c7dc97a5055ffd87 /files/ja/web/css/_colon_blank/index.html | |
parent | 72b0907971527ea545f0bae6af1e86db0ce2d8bc (diff) | |
download | translated-content-344de481418c0d5a62339748f8d7fc36a8133d47.tar.gz translated-content-344de481418c0d5a62339748f8d7fc36a8133d47.tar.bz2 translated-content-344de481418c0d5a62339748f8d7fc36a8133d47.zip |
CSS ページメディアの各プロパティの更新準備
Diffstat (limited to 'files/ja/web/css/_colon_blank/index.html')
-rw-r--r-- | files/ja/web/css/_colon_blank/index.html | 76 |
1 files changed, 0 insertions, 76 deletions
diff --git a/files/ja/web/css/_colon_blank/index.html b/files/ja/web/css/_colon_blank/index.html deleted file mode 100644 index be50e8b238..0000000000 --- a/files/ja/web/css/_colon_blank/index.html +++ /dev/null @@ -1,76 +0,0 @@ ---- -title: ':blank' -slug: 'Web/CSS/:blank' -tags: - - ':blank' - - CSS - - CSS Selectors - - Draft - - Experimental - - NeedsContent - - NeedsExample - - Pseudo-class -translation_of: 'Web/CSS/:blank' ---- -<p>{{CSSRef}}{{SeeCompatTable}}</p> - -<div class="blockIndicator note"> -<p><strong>注:</strong> <code>:blank</code> セレクターは、CSSWG が変更を続けているため、使用するリスクを考慮する必要があります。</p> - -<p><a href="https://github.com/w3c/csswg-drafts/issues/1967" title="[selectors] decide on :blank">CSSWG issue #1967</a> を参照してください。</p> -</div> - -<p><strong><code>:blank</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/ja/docs/Web/CSS/Pseudo-classes">擬似クラス</a>で、空のユーザー入力要素 (例えば {{HTMLElement("input")}} や {{HTMLElement("textarea")}}) に一致します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -{{CSSSyntax}} - -<h2 id="Example" name="Example">例</h2> - -<h3 id="Simple_blank_example" name="Simple_blank_example">単純な :blank の例</h3> - -<p>最終的に対応しているブラウザーでは、 <code>:blank</code> 疑似クラスを使用することで、開発者は、必須ではないが、まだ何も記入されていない入力コントロールを、何らかの方法で強調表示することができるようになります。</p> - -<h4 id="HTML">HTML</h4> - -<pre class="brush: html notranslate"><textarea></textarea></pre> - -<h4 id="CSS">CSS</h4> - -<pre class="brush: css notranslate">textarea:blank { - border: 3px solid red; -}</pre> - -<h4 id="Result" name="Result">結果</h4> - -<p>{{EmbedLiveSample('Simple_blank_example', '100%', 150)}}</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - <th scope="col">状態</th> - <th scope="col">備考</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("CSS4 Selectors", "#blank-pseudo", ":blank")}}</td> - <td>{{Spec2("CSS4 Selectors")}}</td> - <td>初回定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("css.selectors.blank")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{CSSxRef(":empty")}}</li> -</ul> |