diff options
| author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-08 01:29:38 +0900 |
|---|---|---|
| committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-15 18:39:56 +0900 |
| commit | 5968326af62c0f7cc1c46ca6c6cece37ec550ba1 (patch) | |
| tree | fe6037e5475b7638f6c587d42899ce12402deddf /files/ja/web/css/text-decoration-skip-ink/index.html | |
| parent | 6aec5015ee2337ef1cc5ecd8b4f14f4009e0e9fd (diff) | |
| download | translated-content-5968326af62c0f7cc1c46ca6c6cece37ec550ba1.tar.gz translated-content-5968326af62c0f7cc1c46ca6c6cece37ec550ba1.tar.bz2 translated-content-5968326af62c0f7cc1c46ca6c6cece37ec550ba1.zip | |
CSS テキスト装飾関係のプロパティを変換準備
Diffstat (limited to 'files/ja/web/css/text-decoration-skip-ink/index.html')
| -rw-r--r-- | files/ja/web/css/text-decoration-skip-ink/index.html | 116 |
1 files changed, 0 insertions, 116 deletions
diff --git a/files/ja/web/css/text-decoration-skip-ink/index.html b/files/ja/web/css/text-decoration-skip-ink/index.html deleted file mode 100644 index 587f6629c7..0000000000 --- a/files/ja/web/css/text-decoration-skip-ink/index.html +++ /dev/null @@ -1,116 +0,0 @@ ---- -title: text-decoration-skip-ink -slug: Web/CSS/text-decoration-skip-ink -tags: - - CSS - - CSS テキスト装飾 - - CSS プロパティ - - Experimental - - Reference - - Web - - text-decoration-skip-ink - - ウェブ - - レイアウト -translation_of: Web/CSS/text-decoration-skip-ink ---- -<div>{{CSSRef}}</div> - -<p><span class="seoSummary"><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>text-decoration-skip-ink</code></strong> プロパティは、上線や下線が文字のアセンダーやディセンダーを通過するときにどのように引くのかを指定します。</span></p> - -<div>{{EmbedInteractiveExample("pages/css/text-decoration-skip-ink.html")}}</div> - -<p class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</p> - -<p><code>text-decoration-skip-ink</code> は {{cssxref("text-decoration")}} 一括指定の一部ではありません。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="brush:css no-line-numbers">/* 単一キーワード */ -text-decoration-skip-ink: none; -text-decoration-skip-ink: auto; -text-decoration-skip-ink: all; - -/* グローバルキーワード */ -text-decoration-skip: inherit; -text-decoration-skip: initial; -text-decoration-skip: unset; -</pre> - -<h3 id="Values" name="Values">値</h3> - -<dl> - <dt><code>none</code></dt> - <dd>下線と上線は、アセンダーとディセンダーの部分を含め、テキストコンテンツの全体に渡って引かれます。</dd> - <dt><code>auto</code></dt> - <dd>既定値です。 — ブラウザーは、下線と上線が文字に触れたり近づいたりしないよう、中断を行う<em>可能性があります</em>。つまり、線が文字を横切ろうとするところで中断されます。</dd> - <dt><code>all</code></dt> - <dd>ブラウザーは、下線や上線が文字に触れたり近づいたりしないように<em>必ず</em>中断を行います。これは、 <code>auto</code> の動作が中断を発生させない可能性がある中国語、日本語、韓国語の特定のフォントで有用です。</dd> - <dd><img alt='"text-decoration-skip-ink" の例' src="https://mdn.mozillademos.org/files/13464/decoration-skip-ink.png"></dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> - -{{csssyntax}} - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><p>You should go on a quest for a cup of coffee.</p> -<p class="no-skip-ink">Or maybe you'd prefer some tea?</p> -<p>この文は、 text-decoration-skip-ink: auto の使用例を示しています。</p> -<p class="skip-ink-all">この文は、 text-decoration-skip-ink: all の使用例を示しています。</p> -</pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css; highlight[4]">p { - font-size: 1.5em; - text-decoration: underline blue; - text-decoration-skip-ink: auto; /* this is the default anyway */ -} - -.no-skip-ink { - text-decoration-skip-ink: none; -} - -.skip-ink-all{ - text-decoration-skip-ink: all; -} -</pre> - -<h3 id="Result" name="Result">結果</h3> - -<p>{{EmbedLiveSample("Examples", "100%", 250)}}</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 Text Decoration", "#text-decoration-skip-ink-property", "text-decoration-skip-ink")}}</td> - <td>{{Spec2("CSS4 Text Decoration")}}</td> - <td>初回定義</td> - </tr> - </tbody> -</table> - -<p>{{cssinfo}}</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("css.properties.text-decoration-skip-ink")}}</p> - -<h2 id="See_Also" name="See_Also">関連情報</h2> - -<ul> - <li>{{cssxref('text-decoration')}}</li> - <li>{{cssxref('text-decoration-skip')}}</li> -</ul> |
