Skip to content

Commit

Permalink
[css-display-4] For FPWD 他
Browse files Browse the repository at this point in the history
editorial: For FPWD
w3c/csswg-drafts@8156118

editorial: Link to versioned ED(和訳には織り込み済み)
w3c/csswg-drafts@2f1a48a
  • Loading branch information
triple-underscore committed Dec 28, 2024
1 parent 1aed4bf commit 45f24cd
Showing 1 changed file with 65 additions and 75 deletions.
140 changes: 65 additions & 75 deletions css-display-ja.html
Original file line number Diff line number Diff line change
Expand Up @@ -158,13 +158,13 @@
●●options

spec_title:CSS Display Module Level 4
spec_date:2024-11-14
spec_date:2024-12-27
trans_update:2024-11-14
source_checked:210428
page_state_key:CSS
original_url:https://drafts.csswg.org/css-display-4/
https://www.w3.org/TR/css-display-4/
spec_status:ED
spec_status:WD
ref_id_prefix:biblio-
ref_id_lowercase:true
site_nav:layout,css
Expand Down Expand Up @@ -927,98 +927,100 @@ <h1>入門用パソコン一式</h1>
●●ref_normative

[CSS-ALIGN-3]
Elika Etemad; Tab Atkins Jr.. <CSS Box Alignment Module Level 3>. URL: https://drafts.csswg.org/css-align/
Elika Etemad; Tab Atkins Jr.. <CSS Box Alignment Module Level 3>. 17 February 2023. WD. URL: https://www.w3.org/TR/css-align-3/
[CSS-BACKGROUNDS-3]
Elika Etemad; Brad Kemper. <CSS Backgrounds and Borders Module Level 3>. URL: https://drafts.csswg.org/css-backgrounds/
Elika Etemad; Brad Kemper. <CSS Backgrounds and Borders Module Level 3>. 11 March 2024. CR. URL: https://www.w3.org/TR/css-backgrounds-3/
[CSS-BOX-4]
Elika Etemad. <CSS Box Model Module Level 4>. URL: https://drafts.csswg.org/css-box-4/
Elika Etemad. <CSS Box Model Module Level 4>. 4 August 2024. WD. URL: https://www.w3.org/TR/css-box-4/
[CSS-BREAK-3]
Rossen Atanassov; Elika Etemad. <CSS Fragmentation Module Level 3>. URL: https://drafts.csswg.org/css-break/
Rossen Atanassov; Elika Etemad. <CSS Fragmentation Module Level 3>. 4 December 2018. CR. URL: https://www.w3.org/TR/css-break-3/
[CSS-BREAK-4]
Rossen Atanassov; Elika Etemad. <CSS Fragmentation Module Level 4>. URL: https://drafts.csswg.org/css-break-4/
Rossen Atanassov; Elika Etemad. <CSS Fragmentation Module Level 4>. 18 December 2018. WD. URL: https://www.w3.org/TR/css-break-4/
[CSS-CASCADE-3]
Elika Etemad; Tab Atkins Jr.. <CSS Cascading and Inheritance Level 3>. URL: https://drafts.csswg.org/css-cascade-3/
Elika Etemad; Tab Atkins Jr.. <CSS Cascading and Inheritance Level 3>. 11 February 2021. REC. URL: https://www.w3.org/TR/css-cascade-3/
[CSS-CASCADE-5]
Elika Etemad; Miriam Suzanne; Tab Atkins Jr.. <CSS Cascading and Inheritance Level 5>. URL: https://drafts.csswg.org/css-cascade-5/
Elika Etemad; Miriam Suzanne; Tab Atkins Jr.. <CSS Cascading and Inheritance Level 5>. 13 January 2022. CR. URL: https://www.w3.org/TR/css-cascade-5/
[CSS-CASCADE-6]
Elika Etemad; Miriam Suzanne; Tab Atkins Jr.. <CSS Cascading and Inheritance Level 6>. URL: https://drafts.csswg.org/css-cascade-6/
Elika Etemad; Miriam Suzanne; Tab Atkins Jr.. <CSS Cascading and Inheritance Level 6>. 6 September 2024. WD. URL: https://www.w3.org/TR/css-cascade-6/
[CSS-CONTAIN-2]
Tab Atkins Jr.; Florian Rivoal; Vladimir Levin. <CSS Containment Module Level 2>. URL: https://drafts.csswg.org/css-contain-2/
Tab Atkins Jr.; Florian Rivoal; Vladimir Levin. <CSS Containment Module Level 2>. 17 September 2022. WD. URL: https://www.w3.org/TR/css-contain-2/
[CSS-FLEXBOX-1]
Tab Atkins Jr.; et al. <CSS Flexible Box Layout Module Level 1>. URL: https://drafts.csswg.org/css-flexbox-1/
Tab Atkins Jr.; et al. <CSS Flexible Box Layout Module Level 1>. 19 November 2018. CR. URL: https://www.w3.org/TR/css-flexbox-1/
[CSS-GRID-1]
Tab Atkins Jr.; et al. <CSS Grid Layout Module Level 1>. URL: https://drafts.csswg.org/css-grid/
Tab Atkins Jr.; et al. <CSS Grid Layout Module Level 1>. 18 December 2020. CR. URL: https://www.w3.org/TR/css-grid-1/
[CSS-GRID-2]
Tab Atkins Jr.; Elika Etemad; Rossen Atanassov. <CSS Grid Layout Module Level 2>. URL: https://drafts.csswg.org/css-grid-2/
Tab Atkins Jr.; Elika Etemad; Rossen Atanassov. <CSS Grid Layout Module Level 2>. 18 December 2020. CR. URL: https://www.w3.org/TR/css-grid-2/
[CSS-IMAGES-3]
Tab Atkins Jr.; Elika Etemad; Lea Verou. <CSS Images Module Level 3>. URL: https://drafts.csswg.org/css-images-3/
Tab Atkins Jr.; Elika Etemad; Lea Verou. <CSS Images Module Level 3>. 18 December 2023. CR. URL: https://www.w3.org/TR/css-images-3/
[CSS-INLINE-3]
Elika Etemad. <CSS Inline Layout Module Level 3>. URL: https://drafts.csswg.org/css-inline-3/
Elika Etemad. <CSS Inline Layout Module Level 3>. 18 December 2024. WD. URL: https://www.w3.org/TR/css-inline-3/
[CSS-OVERFLOW-3]
Elika Etemad; Florian Rivoal. <CSS Overflow Module Level 3>. URL: https://drafts.csswg.org/css-overflow-3/
Elika Etemad; Florian Rivoal. <CSS Overflow Module Level 3>. 29 March 2023. WD. URL: https://www.w3.org/TR/css-overflow-3/
[CSS-PAGE-3]
Elika Etemad. <CSS Paged Media Module Level 3>. URL: https://drafts.csswg.org/css-page-3/
Elika Etemad. <CSS Paged Media Module Level 3>. 14 September 2023. WD. URL: https://www.w3.org/TR/css-page-3/
[CSS-POSITION-3]
Elika Etemad; Tab Atkins Jr.. <CSS Positioned Layout Module Level 3>. URL: https://drafts.csswg.org/css-position-3/
Elika Etemad; Tab Atkins Jr.. <CSS Positioned Layout Module Level 3>. 10 August 2024. WD. URL: https://www.w3.org/TR/css-position-3/
[CSS-PSEUDO-4]
Daniel Glazman; Elika Etemad; Alan Stearns. <CSS Pseudo-Elements Module Level 4>. URL: https://drafts.csswg.org/css-pseudo-4/
Daniel Glazman; Elika Etemad; Alan Stearns. <CSS Pseudo-Elements Module Level 4>. 30 December 2022. WD. URL: https://www.w3.org/TR/css-pseudo-4/
[CSS-RUBY-1]
Elika Etemad; et al. <CSS Ruby Annotation Layout Module Level 1>. URL: https://drafts.csswg.org/css-ruby-1/
Elika Etemad; et al. <CSS Ruby Annotation Layout Module Level 1>. 31 December 2022. WD. URL: https://www.w3.org/TR/css-ruby-1/
[CSS-SPEECH-1]
Léonie Watson; Elika Etemad. <CSS Speech Module Level 1>. URL: https://drafts.csswg.org/css-speech-1/
Léonie Watson; Elika Etemad. <CSS Speech Module Level 1>. 14 February 2023. CR. URL: https://www.w3.org/TR/css-speech-1/
[CSS-TABLES-3]
François Remy; Greg Whitworth; David Baron. <CSS Table Module Level 3>. URL: https://drafts.csswg.org/css-tables-3/
François Remy; Greg Whitworth; David Baron. <CSS Table Module Level 3>. 27 July 2019. WD. URL: https://www.w3.org/TR/css-tables-3/
[CSS-TEXT-4]
Elika Etemad; et al. <CSS Text Module Level 4>. URL: https://drafts.csswg.org/css-text-4/
Elika Etemad; et al. <CSS Text Module Level 4>. 29 May 2024. WD. URL: https://www.w3.org/TR/css-text-4/
[CSS-UI-4]
Florian Rivoal. <CSS Basic User Interface Module Level 4>. URL: https://drafts.csswg.org/css-ui-4/
Florian Rivoal. <CSS Basic User Interface Module Level 4>. 16 March 2021. WD. URL: https://www.w3.org/TR/css-ui-4/
[CSS-VALUES-3]
Tab Atkins Jr.; Elika Etemad. <CSS Values and Units Module Level 3>. URL: https://drafts.csswg.org/css-values-3/
Tab Atkins Jr.; Elika Etemad. <CSS Values and Units Module Level 3>. 22 March 2024. CR. URL: https://www.w3.org/TR/css-values-3/
[CSS-VALUES-4]
Tab Atkins Jr.; Elika Etemad. <CSS Values and Units Module Level 4>. URL: https://drafts.csswg.org/css-values-4/
Tab Atkins Jr.; Elika Etemad. <CSS Values and Units Module Level 4>. 12 March 2024. WD. URL: https://www.w3.org/TR/css-values-4/
[CSS-WRITING-MODES-3]
Elika Etemad; Koji Ishii. <CSS Writing Modes Level 3>. URL: https://drafts.csswg.org/css-writing-modes-3/
Elika Etemad; Koji Ishii. <CSS Writing Modes Level 3>. 10 December 2019. REC. URL: https://www.w3.org/TR/css-writing-modes-3/
[CSS2]
Bert Bos; et al. <Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification>. URL: https://drafts.csswg.org/css2/
Bert Bos; et al. <Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification>. 7 June 2011. REC. URL: https://www.w3.org/TR/CSS21/
[CSS22]
Bert Bos. <Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification>. URL: https://drafts.csswg.org/css2/
Bert Bos. <Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification>. 12 April 2016. WD. URL: https://www.w3.org/TR/CSS22/
[CSSOM]
Daniel Glazman; Emilio Cobos Álvarez. <CSS Object Model (CSSOM)>. URL: https://drafts.csswg.org/cssom/
Daniel Glazman; Emilio Cobos Álvarez. <CSS Object Model (CSSOM)>. 26 August 2021. WD. URL: https://www.w3.org/TR/cssom-1/
[DOM]
Anne van Kesteren. <DOM Standard>. Living Standard. URL: https://dom.spec.whatwg.org/
[HTML]
Anne van Kesteren; et al. <HTML Standard>. Living Standard. URL: https://html.spec.whatwg.org/multipage/
[MEDIAQUERIES-5]
Dean Jackson; et al. <Media Queries Level 5>. URL: https://drafts.csswg.org/mediaqueries-5/
Dean Jackson; et al. <Media Queries Level 5>. 18 December 2021. WD. URL: https://www.w3.org/TR/mediaqueries-5/
[RFC2119]
S. Bradner. <Key words for use in RFCs to Indicate Requirement Levels>. March 1997. Best Current Practice. URL: https://datatracker.ietf.org/doc/html/rfc2119
[SELECTORS-4]
Elika Etemad; Tab Atkins Jr.. <Selectors Level 4>. URL: https://drafts.csswg.org/selectors/
Elika Etemad; Tab Atkins Jr.. <Selectors Level 4>. 11 November 2022. WD. URL: https://www.w3.org/TR/selectors-4/
[SVG2]
Amelia Bellamy-Royds; et al. <Scalable Vector Graphics (SVG) 2>. URL: https://svgwg.org/svg2-draft/
Amelia Bellamy-Royds; et al. <Scalable Vector Graphics (SVG) 2>. 4 October 2018. CR. URL: https://www.w3.org/TR/SVG2/
[WEB-ANIMATIONS-1]
Brian Birtles; et al. <Web Animations>. URL: https://drafts.csswg.org/web-animations-1/
Brian Birtles; et al. <Web Animations>. 5 June 2023. WD. URL: https://www.w3.org/TR/web-animations-1/

●●ref_informative

[CSS-SIZING-3]
Tab Atkins Jr.; Elika Etemad. <CSS Box Sizing Module Level 3>. URL: https://drafts.csswg.org/css-sizing-3/
Tab Atkins Jr.; Elika Etemad. <CSS Box Sizing Module Level 3>. 17 December 2021. WD. URL: https://www.w3.org/TR/css-sizing-3/
[CSS3-EXCLUSIONS]
Rossen Atanassov; Vincent Hardy; Alan Stearns. <CSS Exclusions Module Level 1>. URL: https://drafts.csswg.org/css-exclusions/
Rossen Atanassov; Vincent Hardy; Alan Stearns. <CSS Exclusions Module Level 1>. 15 January 2015. WD. URL: https://www.w3.org/TR/css3-exclusions/


●●trans_metadata
<p>
~THIS_PAGEは、~W3Cにより編集者草案として公開された
~THIS_PAGEは、~W3Cにより作業草案として公開された
<a href="~SPEC_URL">CSS Display Module Level 4</a>
を日本語に翻訳したものです。
~PUB
</p>

●●spec_metadata

最新公表バージョン(レベル 3)
https://www.w3.org/TR/css-display-3/
最新公表バージョン
https://www.w3.org/TR/css-display-4/
公表履歴
https://www.w3.org/standards/history/css-display-4/
実装報告
https://wpt.fyi/results/css/css-display?label=master&amp;label=experimental&amp;aligned
フィードバック
Expand Down Expand Up @@ -1130,7 +1132,8 @@ <h1>CSS Display Module Level 4</h1>
◎位置付け

<p>
これは、編集者草案の公な複製です…
これは、
編集者草案の公な複製です…
【以下、この節の内容は,~SOTD-CSSに移譲。】
</p>

Expand Down Expand Up @@ -2599,19 +2602,11 @@ <h3 title="Animating and Interpolating display">2.9. `display^p の~animate法
その `display$p の`算出d値$が[[
`~animation出自$, `遷移~出自$
]を無視したときには `none$v になる
]間は,
不活†になる。
]間は,`不活@~HTMLinteraction#inert$になる。
Additionally, the element is inert as long as its display value would compute to none when ignoring the Transitions and Animations cascade origins.
</p>

<p class="trans-note">【†
“不活( `inert^en )” は、
何らかの定義を参照するものとして~mark-upされているが,
何を指すのかまだ指定されていない。
~HTMLに定義される`不活@~HTMLinteraction#inert$のようにも思われるが。
</p>

</section>
</section>
<section id="order-property">
Expand Down Expand Up @@ -2873,7 +2868,7 @@ <h2 title="Reading Order: the reading-flow property">4. 読み順序: `reading
]である
その `reading-flow$p ~propは、
`normal^v 以外の妥当な【当の容器に効果がある】値をとる
`normal$v 以外の妥当な【当の容器に効果がある】値をとる
A reading flow container is a flex or grid container with a valid reading-flow value other than normal.
</p>
Expand Down Expand Up @@ -2979,12 +2974,12 @@ <h2 title="Reading Order: the reading-flow property">4. 読み順序: `reading
</dd>
<dd>
したがって,英語~文書においては、
当の容器の
`flex-direction$p は `row-reverse^v をとる,
`reading-flow$p は `flex-visual^v をとる
ならば,`読み順序$は左から右になる。
当の容器が
`flex-direction:row-reverse$p,
`reading-flow:flex-visual$p
を伴うならば,`読み順序$は左から右になる。
Therefore, a document in English, with a flex-direction of row-reverse and reading-flow of 'flex visual' would have a reading order of left to right.
Therefore, a document in English, with flex-direction: row-reverse and reading-flow: flex-visual would have a reading order of left to right.
</dd>

<dt>`flex-flow@v</dt>
Expand Down Expand Up @@ -3039,7 +3034,7 @@ <h2 title="Reading Order: the reading-flow property">4. 読み順序: `reading
`order^p により`改変された文書~順序$に従う。
したがって、
`order$p ~propを利用して変更された駒たちの順序を除き,
`normal^v と同じになる。
`normal$v と同じになる。
Follows the order-modified document order. Therefore, as normal unless the order property has been used to change the order of items.
</dd>
Expand All @@ -3048,19 +3043,17 @@ <h2 title="Reading Order: the reading-flow property">4. 読み順序: `reading
<div class="example">
<p>
この例では、
3 個の`~flex駒$が在り,
ある~rowとして表示される。
`reading-flow$p ~propは `flex-visual^v,
`flex-direction$p ~propは `row-reverse^v
]を値にとる。
ある~rowとして表示される 3 個の`~flex駒$が在り,[
`reading-flow:flex-visual$p,
`flex-direction:row-reverse$p
]を伴う。
当の文書は英語であり,~text方向は左から右になる。
したがって,これらの駒の読み順序は、
左から右へ読まれるよう,[
"Item 3", "Item 2", "Item 1"
]になる。
In this example, there are three flex items displayed as a row, The reading-flow property has a value of flex-visual. The flex-direction property is row-reverse. We are in English with a text direction of left to right. The reading order of these items is therefore "Item 3", "Item 2", "Item 1", reading from left to right.
In this example, there are three flex items displayed as a row, with reading-flow: flex-visual and flex-direction: row-reverse. We are in English with a text direction of left to right. The reading order of these items is therefore "Item 3", "Item 2", "Item 1", reading from left to right.
</p>

<pre class="lang-html">
Expand All @@ -3086,7 +3079,7 @@ <h2 title="Reading Order: the reading-flow property">4. 読み順序: `reading
格子~上に配置された 4 個の格子~駒が在り,
視覚的に~DOM順序と異なって表示される。
当の文書は英語であり、
`reading-flow$p ~propは `grid-rows^v を値にとる。
`reading-flow$p ~propは `grid-rows$v を値にとる。
したがって、
これらの駒の読み順序は[
"Item 4", "Item 2", "Item 3", "Item 1"
Expand All @@ -3101,7 +3094,7 @@ <h2 title="Reading Order: the reading-flow property">4. 読み順序: `reading
&lt;a class="b" href="#"&gt;Item 2&lt;/a&gt;
&lt;a class="c" href="#"&gt;Item 3&lt;/a&gt;
&lt;a class="d" href="#"&gt;Item 4&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
</pre>

<pre class="lang-css">
Expand Down Expand Up @@ -3140,17 +3133,15 @@ <h2 title="Reading Order: the reading-flow property">4. 読み順序: `reading
<div class="example">
<p>
この例では、
3 個の`~flex駒$が在り,
ある~rowとして表示される。
`reading-flow$p ~propは、
`flex-flow$v を値にとる。
ある~rowとして表示される 3 個の`~flex駒$が在り,
`reading-flow: flex-flow$p を伴う。
~DOMにおける 3 個目の駒の `order^p は `-1^v を値にとる。
したがって、
これらの駒の読み順序は[
"Item 3", "Item 1", "Item 2"
]になる。
In this example, there are three flex items displayed as a row, The reading-flow property has a value of flex-flow. The third item in the DOM has 'order=-1'. The reading order of these items is therefore "Item 3", "Item 1", "Item 2".
In this example, there are three flex items displayed as a row, with reading-flow: flex-flow. The third item in the DOM has order=-1. The reading order of these items is therefore "Item 3", "Item 1", "Item 2".
</p>

<pre class="lang-html">
Expand Down Expand Up @@ -3811,10 +3802,9 @@ <h2 title="Glossary">付録 A. 用語集</h2>
<dd>
`行内~level$の~boxのうち,[
`置換され$る(画像など), または
新たな`整形~文脈$を確立する(
`inline-block$v や `inline-table$v など
]もの。
新たな`整形~文脈$を確立する
]もの
( `inline-block$v や `inline-table$v など)。
(`行内~box$や`~ruby容器$のように)複数~行lに分割されることはない。
An inline-level box that is replaced (such as an image) or that establishes a new formatting context (such as an inline-block or inline-table) and cannot split across lines (as inline boxes and ruby containers can).
Expand Down

0 comments on commit 45f24cd

Please sign in to comment.