From 1f5e5c4de6791f1c512ee310fbc4f240819c7f99 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 12 Oct 2021 11:30:36 +0900 Subject: CSS ページメディアに関する文書を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/10/11 時点の英語版に同期 --- files/ja/web/css/_colon_blank/index.md | 77 ++++++++++++++-------------------- 1 file changed, 32 insertions(+), 45 deletions(-) (limited to 'files/ja/web/css/_colon_blank') diff --git a/files/ja/web/css/_colon_blank/index.md b/files/ja/web/css/_colon_blank/index.md index be50e8b238..758c0b5193 100644 --- a/files/ja/web/css/_colon_blank/index.md +++ b/files/ja/web/css/_colon_blank/index.md @@ -1,76 +1,63 @@ --- title: ':blank' -slug: 'Web/CSS/:blank' +slug: Web/CSS/:blank tags: - ':blank' - CSS - - CSS Selectors + - CSS セレクター - Draft - Experimental - NeedsContent - NeedsExample - - Pseudo-class -translation_of: 'Web/CSS/:blank' + - 擬似クラス + - セレクター +browser-compat: css.selectors.blank +translation_of: Web/CSS/:blank --- -

{{CSSRef}}{{SeeCompatTable}}

+{{CSSRef}}{{SeeCompatTable}} -
-

注: :blank セレクターは、CSSWG が変更を続けているため、使用するリスクを考慮する必要があります。

+> **Note:** セレクターは、CSSWG が変更を続けているため、使用するリスクを考慮する必要があります。 +> +> [CSSWG issue #1967](https://github.com/w3c/csswg-drafts/issues/1967) を参照してください。 -

CSSWG issue #1967 を参照してください。

-
+**`:blank`** は [CSS](/ja/docs/Web/CSS) の[擬似クラス](/ja/docs/Web/CSS/Pseudo-classes)で、空のユーザー入力要素 (例えば {{HTMLElement("input")}} や {{HTMLElement("textarea")}}) を選択します。 -

:blankCSS擬似クラスで、空のユーザー入力要素 (例えば {{HTMLElement("input")}} や {{HTMLElement("textarea")}}) に一致します。

- -

構文

+## 構文 {{CSSSyntax}} -

+## 例 -

単純な :blank の例

+

単純な :blank の例

-

最終的に対応しているブラウザーでは、 :blank 疑似クラスを使用することで、開発者は、必須ではないが、まだ何も記入されていない入力コントロールを、何らかの方法で強調表示することができるようになります。

+最終的に対応しているブラウザーでは、 `:blank` 擬似クラスを使用することで、開発者は、必須ではないが、まだ何も記入されていない入力コントロールを、何らかの方法で強調表示することができるようになります。 -

HTML

+#### HTML -
<textarea></textarea>
+```html + +``` -

CSS

+#### CSS -
textarea:blank {
+```css
+textarea:blank {
   border: 3px solid red;
-}
+} +``` -

結果

+#### 結果 -

{{EmbedLiveSample('Simple_blank_example', '100%', 150)}}

+{{EmbedLiveSample('Simple_blank_example', '100%', 150)}} -

仕様書

+## 仕様書 - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName("CSS4 Selectors", "#blank-pseudo", ":blank")}}{{Spec2("CSS4 Selectors")}}初回定義
+{{Specifications}} -

ブラウザーの互換性

+## ブラウザーの互換性 -

{{Compat("css.selectors.blank")}}

+{{Compat}} -

関連情報

+## 関連情報 - +- {{CSSxRef(":empty")}} -- cgit v1.2.3-54-g00ecf