aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/css/display-internal/index.html
diff options
context:
space:
mode:
authorMasahiro FUJIMOTO <mfujimot@gmail.com>2021-11-23 22:14:22 +0900
committerMasahiro FUJIMOTO <mfujimot@gmail.com>2021-12-02 02:06:38 +0900
commitef0e5625abed731ab03ceac0379b507db4ab4fb9 (patch)
tree4573dca299129580712f994441f24409f8dc4e19 /files/ja/web/css/display-internal/index.html
parentd223183677d28a6ae458051af7bdde0e051e826a (diff)
downloadtranslated-content-ef0e5625abed731ab03ceac0379b507db4ab4fb9.tar.gz
translated-content-ef0e5625abed731ab03ceac0379b507db4ab4fb9.tar.bz2
translated-content-ef0e5625abed731ab03ceac0379b507db4ab4fb9.zip
特定の CSS 値の型に関する文書を変換準備
Diffstat (limited to 'files/ja/web/css/display-internal/index.html')
-rw-r--r--files/ja/web/css/display-internal/index.html129
1 files changed, 0 insertions, 129 deletions
diff --git a/files/ja/web/css/display-internal/index.html b/files/ja/web/css/display-internal/index.html
deleted file mode 100644
index 3c3d25c105..0000000000
--- a/files/ja/web/css/display-internal/index.html
+++ /dev/null
@@ -1,129 +0,0 @@
----
-title: <display-internal>
-slug: Web/CSS/display-internal
-tags:
- - CSS
- - CSS Data Type
- - CSS Display
- - Data Type
- - Reference
- - display-internal
-translation_of: Web/CSS/display-internal
----
-<div>{{CSSRef}}</div>
-
-<p class="summary"><code>table</code> や <code>ruby</code> のような一部のレイアウトモデルでは、複雑な内部構造があり、様々なその子要素や子孫要素が担う様々な役割があります。このページではこれらを「内部の」表示値として定義し、特定のレイアウトモードでのみ意味を持ちます。</p>
-
-<h2 id="Syntax" name="Syntax">構文</h2>
-
-<p>有効な <code>&lt;display-internal&gt;</code> の値は次の通りです。</p>
-
-<dl>
- <dt><code>table-row-group</code></dt>
- <dd>これらの要素は HTML の {{HTMLElement("tbody")}} 要素のように動作します。</dd>
- <dt><code>table-header-group</code></dt>
- <dd>これらの要素は HTML の {{HTMLElement("thead")}} 要素のように動作します。</dd>
- <dt><code>table-footer-group</code></dt>
- <dd>これらの要素は HTML の {{HTMLElement("tfoot")}} 要素のように動作します。</dd>
- <dt><code>table-row</code></dt>
- <dd>これらの要素は HTML の {{HTMLElement("tr")}} 要素のように動作します。</dd>
- <dt><code>table-cell</code></dt>
- <dd>これらの要素は HTML の {{HTMLElement("td")}} 要素のように動作します。</dd>
- <dt><code>table-column-group</code></dt>
- <dd>これらの要素は HTML の {{HTMLElement("colgroup")}} 要素のように動作します。</dd>
- <dt><code>table-column</code></dt>
- <dd>これらの要素は HTML の {{HTMLElement("col")}} 要素のように動作します。</dd>
- <dt><code>table-caption</code></dt>
- <dd>これらの要素は HTML の {{HTMLElement("caption")}} 要素のように動作します。</dd>
- <dt><code>ruby-base</code> {{Experimental_Inline}}</dt>
- <dd>これらの要素は HTML の {{HTMLElement("rb")}} 要素のように動作します。</dd>
- <dt><code>ruby-text</code> {{Experimental_Inline}}</dt>
- <dd>これらの要素は HTML の {{HTMLElement("rt")}} 要素のように動作します。</dd>
- <dt><code>ruby-base-container</code> {{Experimental_Inline}}</dt>
- <dd>これらの要素は無名のボックスとして生成された HTML の {{HTMLElement("rbc")}} 要素のように動作します。</dd>
- <dt><code>ruby-text-container</code> {{Experimental_Inline}}</dt>
- <dd>これらの要素は HTML の {{HTMLElement("rtc")}} 要素のように動作します。</dd>
-</dl>
-
-<h2 id="Examples" name="Examples">例</h2>
-
-<h3 id="CSS_tables_example" name="CSS_tables_example">CSS テーブルの例</h3>
-
-<p>以下の例は、 CSS テーブルレイアウトを使用した単純なフォームのレイアウトを紹介します。</p>
-
-<h4 id="HTML">HTML</h4>
-
-<pre class="brush: html notranslate">&lt;main&gt;
- &lt;div&gt;
- &lt;label for="name"&gt;Name&lt;/label&gt;
- &lt;input type="text" id="name" name="name"&gt;
- &lt;/div&gt;
- &lt;div&gt;
- &lt;label for="age"&gt;Age&lt;/label&gt;
- &lt;input type="text" id="age" name="age"&gt;
- &lt;/div&gt;
-&lt;/main&gt;</pre>
-
-<h4 id="CSS">CSS</h4>
-
-<pre class="brush: css notranslate">main {
- display: table;
-}
-
-div {
- display: table-row;
-}
-
-label, input {
- display: table-cell;
- margin: 5px;
-}</pre>
-
-<h4 id="Result" name="Result">結果</h4>
-
-<p>{{EmbedLiveSample('CSS_tables_example', '100%', 100)}}</p>
-
-<h2 id="Specifications" name="Specifications">仕様書</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">仕様書</th>
- <th scope="col">状態</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('CSS3 Display', '#typedef-display-internal', 'display-internal')}}</td>
- <td>{{Spec2('CSS3 Display')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
-
-<h3 id="Support_of_table_values" name="Support_of_table_values">対応している table の値</h3>
-
-<p><code>table</code>, <code>table-cell</code>, <code>table-column</code>, <code>table-column-group</code>, <code>table-footer-group</code>, <code>table-header-group</code>, <code>table-row</code>, <code>table-row-group</code></p>
-
-<p>{{Compat("css.properties.display.table_values", 10)}}</p>
-
-<h3 id="Support_of_ruby_values" name="Support_of_ruby_values">対応している ruby の値</h3>
-
-<p><code>ruby</code>, <code>ruby-base</code>, <code>ruby-base-container</code>, <code>ruby-text</code>, <code>ruby-text-container</code></p>
-
-<p>{{Compat("css.properties.display.ruby_values", 10)}}</p>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li>{{CSSxRef("display")}}
- <ul>
- <li>{{CSSxRef("&lt;display-outside&gt;")}}</li>
- <li>{{CSSxRef("&lt;display-inside&gt;")}}</li>
- <li>{{CSSxRef("&lt;display-listitem&gt;")}}</li>
- <li>{{CSSxRef("&lt;display-box&gt;")}}</li>
- <li>{{CSSxRef("&lt;display-legacy&gt;")}}</li>
- </ul>
- </li>
-</ul>