[css-backgrounds-3] 編集

Author: triple-underscore

css-backgrounds-ja.html

@@ -1700,7 +1700,6 @@ <h3 title="Layering Multiple Background Images">2.1. 複数の背景~画像に
 他所を簡潔に述べる
 — ~propの値~全体や他のより細分化された成分~値と区別する記述を容易にするなど —
 ために，この訳に導入した用語である。
-定める
 】</p>
 </div>
 
@@ -2174,7 +2173,7 @@ <h3 title="Tiling Images: the background-repeat property">2.4. 画像の敷詰
 
 <figure>
 <p class="alt" hidden id="_dgm-bg-space">
-背景が丸印で敷詰められる要素の画像
+背景が丸印で敷詰められた要素
 ◎
 Image of an element with a dotted background
 </p>
@@ -2306,7 +2305,7 @@ <h3 title="Affixing Images: the background-attachment property">2.5. 画像の
 他の場合は切取られない
 （そのような場合の挙動は，`§ 特別な要素の背景$を見よ）。
 したがって，画像は、
-敷詰められるのでない限り，不可視になり得る。
+敷詰められない限り，不可視になり得る。
 ◎
 Even if the image is fixed, it is still only visible when it is in the background painting area of the box or otherwise unclipped. (See § 2.11 Backgrounds of Special Elements for the cases when background images are not clipped.) Thus, unless the image is tiled, it may be invisible.
 </p>
@@ -3630,7 +3629,8 @@ <h3 title="Backgrounds of Special Elements">2.11. 特別な要素の背景</h3>
 が透けて示される。
 `~canvas表面$の生地は、
 ~UAに依存する
-（概して、不透明な白になるが）。
+（概して、
+不透明な白【今や， `Canvas＠~CSSCOLOR#valdef-color-canvas$v と同じ色】になるが）。
 ◎
 If the canvas background is not opaque, the canvas surface below it shows through. The texture of the canvas surface is UA-dependent (but is typically an opaque white).
 </p>
@@ -4058,7 +4058,7 @@ <h3 title="Line Patterns: the border-style properties">3.2. 線の~pattern： `b
 <x-borderstyle style="border-style:outset; margin-bottom:0">`outset$v</x-borderstyle>
 </div>
 <figcaption>
-【参考：利用中の~browserによる~border（`~border幅$ 8px ）の描画】
+【参考：現在の~browserにおける描画（`~border幅$ 8px ）】
 </figcaption></figure>
 
 </figure>
@@ -4609,7 +4609,7 @@ <h3 title="Corner Shaping">4.2. 隅の形状付け</h3>
 
 <figure>
 <figcaption id="_dgm-smooth-radius-1">
-【参考：利用中の~browserによる `dotted^v, `ridge^v ~styleによる描画】
+【参考：現在の~browserにおける `dotted^v, `ridge^v ~styleによる描画】
 </figcaption></figure>
 
 <div class="note">
@@ -4651,7 +4651,7 @@ <h3 title="Corner Shaping">4.2. 隅の形状付け</h3>
 
 <figure>
 <figcaption id="_dgm-partial-curve-1">
-【参考：利用中の~browserによる描画】
+【参考：現在の~browserにおける描画】
 </figcaption></figure>
 </figure>
 </div>
@@ -4785,7 +4785,7 @@ <h3 title="Color and Style Transitions">4.4. ~borderの色と~styleの遷移</h3
 
 <figure>
 <p class="alt" hidden id="_dgm-transition-region">
-曲った隅~上の遷移~領域を~~説明する図
+様々な `border-width^p 値における曲った隅~上の遷移~領域
 ◎
 Illustration of the transition region on curved corners
 </p>
@@ -4916,7 +4916,7 @@ <h3 title="Overlapping Curves">4.5. 曲線が重合する場合</h3>
 
 <figure id="reduced-radius">
 <p class="alt" hidden id="_dgm-corner-large-mix">
-4 隅のうち対角に位置する 2 隅が小さく丸められ，残りの 2 隅が大きく丸められた矩形の画像
+4 隅のうち対角に位置する 2 隅が小さく丸められ，残りの 2 隅が大きく丸められた矩形
 ◎
 [image: rectangle with two tiny rounded corners and two very large ones, on opposite corners]
 </p>
@@ -4941,7 +4941,7 @@ <h3 title="Overlapping Curves">4.5. 曲線が重合する場合</h3>
 border: solid 2px black;
 border-radius: 0.5em 2em 0.5em 2em"
 >B</div><figcaption>
-【参考：利用中の~browserによる描画】
+【参考：現在の~browserにおける描画】
 </figcaption></figure>
 -->
 </div>
@@ -5021,8 +5021,7 @@ <h2 title="Border Images">5. ~border画像</h2>
 別の色を伴う菱形にされる。
 菱形~以外を成す部分は、
 透明にされる。
-まず、
-敷詰め用の画像は：
+まず，敷詰め用の画像：
 ◎
 This example creates a top and bottom border consisting of a whole number of orange diamonds and a left and right border of a single, stretched diamond. The corners are diamonds of a different color. The image to tile is as follows. Apart from the diamonds, it is transparent:
 </p>
@@ -5034,10 +5033,11 @@ <h2 title="Border Images">5. ~border画像</h2>
 </p>
 
 <p>
-この画像は `81px^v 平方であり，
+は、
+`81px^v 平方であり，
 9 片に分割される必要がある
 （この例では等分する）。
-~style規則は：
+次の~style規則：
 ◎
 The image is 81 by 81 pixels and has to be divided into 9 equal parts. The style rules could thus be as follows:
 </p>
@@ -5050,7 +5050,7 @@ <h2 title="Border Images">5. ~border画像</h2>
 </pre>
 
 <p>
-~~幅 `12em^v, ~~高さ `5em^v の `div^e に適用したときの結果は：
+を~~幅 `12em^v, ~~高さ `5em^v の `div^e に適用したときの結果は：
 ◎
 The result, when applied to a DIV of 12 by 5em, will be similar to this:
 </p>
@@ -5066,7 +5066,7 @@ <h2 title="Border Images">5. ~border画像</h2>
 
 <figure>
 <figcaption id="_dgm-borderresult-1">
-【参考：利用中の~browserによる描画】
+【参考：現在の~browserにおける描画】
 </figcaption></figure>
 </figure>
 </div>
@@ -5119,12 +5119,12 @@ <h2 title="Border Images">5. ~border画像</h2>
 
 <figure>
 <p class="alt" hidden id="_dgm-border-image">
-画像が不在（~fallback）の下での描画は，緑色な二重線になり、
+画像が不在なとき（~fallback）の描画は，緑色な二重線になり、
 ~border画像による描画では、
-波状で緑色な~borderになり, 波の振幅は隅に近付く程 大きくなる。
+波状で緑色な~borderになり, 波の振幅は隅に近付くほど大きくなる。
 4 隅の~tileは，縦横 124px の正方形として描画され、
 辺側の~tileは，合間の空間を整数個で埋尽くすよう繰返される。
-~tileは，振幅が最大の隅の所で~padding区画から深く伸びて見える。
+~tileは，振幅が最大になる隅の所で~padding区画から深く伸びて見える。
 ~border画像~全体による効果は、
 波の谷間が~padding辺のちょうど外側に揃うように， 31px ~outset-される。
 ◎
@@ -6261,7 +6261,7 @@ <h3 title="Drop Shadows: the box-shadow property">6.1. 落影： `box-shadow^p ~
 
 <figure>
 <figcaption id="_dgm-spread-blur-1">
-【参考：利用中の~browserによる描画】
+【参考：現在の~browserにおける描画】
 </figcaption></figure>
 </figure>
 </div>