diff options
| -rw-r--r-- | files/ja/web/css/_doublecolon_spelling-error/index.md | 131 |
1 files changed, 66 insertions, 65 deletions
diff --git a/files/ja/web/css/_doublecolon_spelling-error/index.md b/files/ja/web/css/_doublecolon_spelling-error/index.md index b602c7d4b3..e72054ec62 100644 --- a/files/ja/web/css/_doublecolon_spelling-error/index.md +++ b/files/ja/web/css/_doublecolon_spelling-error/index.md @@ -1,70 +1,71 @@ --- title: '::spelling-error' -slug: 'Web/CSS/::spelling-error' +slug: Web/CSS/::spelling-error tags: - CSS - - Experimental - - NeedsExample - - Pseudo-element - - Reference - - Web - - 疑似要素 -translation_of: 'Web/CSS/::spelling-error' + - 実験的 + - 擬似要素 + - リファレンス + - セレクター + - ウェブ +browser-compat: css.selectors.spelling-error +translation_of: Web/CSS/::spelling-error --- -<div>{{CSSRef}}{{SeeCompatTable}}</div> - -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>::spelling-error</code></strong> <a href="/ja/docs/Web/CSS/Pseudo-elements">疑似要素</a>は、綴りが正しくないと{{glossary("user agent", "ユーザーエージェント")}}が判断したテキスト区間を示します。</p> - -<pre class="brush: css no-line-numbers">::spelling-error { - color: red; -}</pre> - -<h2 id="Allowable_properties" name="Allowable_properties">利用できるプロパティ</h2> - -<p><code>::spelling-error</code> 擬似要素では、一部の CSS プロパティのみが利用できます。</p> - -<ul> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("caret-color")}}</li> - <li>{{cssxref("outline")}} およびその個別指定プロパティ</li> - <li>{{cssxref("text-decoration")}} および関連プロパティ</li> - <li>{{cssxref("text-emphasis-color")}}</li> - <li>{{cssxref("text-shadow")}}</li> -</ul> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">::spelling-error</pre> - -<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 Pseudo-Elements', '#selectordef-spelling-error', '::spelling-error')}}</td> - <td>{{Spec2('CSS4 Pseudo-Elements')}}</td> - <td>初回定義。</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> - -<div> -<p>{{Compat("css.selectors.spelling-error")}}</p> -</div> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{cssxref("::grammar-error")}}</li> -</ul> +{{CSSRef}}{{SeeCompatTable}} + +**`::spelling-error`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、綴りが正しくないと{{glossary("user agent", "ユーザーエージェント")}}が判断したテキストの区間を示します。 + +## 利用できるプロパティ + +`::spelling-error` 擬似要素では、一部の CSS プロパティのみが利用できます。 + +- {{cssxref("color")}} +- {{cssxref("background-color")}} +- {{cssxref("cursor")}} +- {{cssxref("caret-color")}} +- {{cssxref("outline")}} およびその個別指定プロパティ +- {{cssxref("text-decoration")}} および関連プロパティ +- {{cssxref("text-emphasis-color")}} +- {{cssxref("text-shadow")}} + +## 構文 + +```css +::spelling-error +``` + +## 例 + +### 文書の単純なスペルチェック + +この例では、最終的に対応しているブラウザーでは、表示されたスタイルでフラグ付きのスペルミスを強調表示します。 + +#### HTML + +```html +<p contenteditable spellcheck="true">My friends are coegdfgfddffbgning to the party tonight.</p> +``` + +#### CSS + +```css +::spelling-error { + text-decoration: wavy red; +} +``` + +#### 結果 + +{{EmbedLiveSample('Simple_document_spell_check', '100%', 60)}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{cssxref("::grammar-error")}} |