zh-CN: Update terms for the logical sizing properties (#12726)

mdn · Apr 15, 2023 · 528254b · 528254b
1 parent dc07966
commit 528254b
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 23 deletions.
diff --git a/files/zh-cn/web/css/block-size/index.md b/files/zh-cn/web/css/block-size/index.md
@@ -5,20 +5,20 @@ slug: Web/CSS/block-size
 
 {{CSSRef}}
 
-[CSS](/zh-CN/docs/Web/CSS) 的 **`block-size`** 属性会根据元素的书写模式来定义元素块的水平宽度或垂直高度。它会根据 {{cssxref("writing-mode")}} 的值来映射至 {{cssxref("width")}} 属性或 {{cssxref("height")}} 属性。
+[CSS](/zh-CN/docs/Web/CSS) 属性 **`block-size`** 根据元素的书写模式定义了元素块的横向或纵向尺寸。根据 {{CSSXref("writing-mode")}} 的值，此属性对应于 {{CSSXref("width")}} 或 {{CSSXref("height")}} 属性。
 
-如果书写模式是垂直方向，那么 `block-size` 的值就会和元素的宽有关，否则就会和元素的高有关。一个与 `block-size` 相关的属性是 {{cssxref("inline-size")}}，`block-size` 用于定义元素在某个方向上的长度，而 `inline-size` 用于定义元素在另一个方向上的长度。
+若为纵向书写模式，则 `block-size` 的值对应于元素的宽度；否则对应于元素的高度。与此相关的属性为 {{CSSXref("inline-size")}}，此属性定义了元素另一方向的尺度。
 
 {{EmbedInteractiveExample("pages/css/block-size.html")}}
 
 ## 语法
 
 ```css
-/* 长度值 */
+/* <length> 值 */
 block-size: 300px;
 block-size: 25em;
 
-/* 百分比值 */
+/* <percentage> 值 */
 block-size: 75%;
 
 /* 关键词值 */
@@ -35,9 +35,9 @@ block-size: revert-layer;
 block-size: unset;
 ```
 
-### 值
+### 取值
 
-`block-size` 属性的值与 {{cssxref("width")}} 属性和 {{cssxref("height")}} 属性的值相同。
+`block-size` 属性的取值与 {{cssxref("width")}} 和 {{cssxref("height")}} 属性相同。
 
 ## 形式定义
 

diff --git a/files/zh-cn/web/css/inline-size/index.md b/files/zh-cn/web/css/inline-size/index.md
@@ -5,20 +5,20 @@ slug: Web/CSS/inline-size
 
 {{CSSRef}}
 
-[CSS](/zh-CN/docs/Web/CSS) 属性 **`inline-size`** 根据元素的书写模式定义了元素块的水平或竖直尺寸。根据 {{CSSXref("writing-mode")}} 的值，此属性对应于 {{CSSXref("width")}} 或 {{CSSXref("height")}} 属性。
+[CSS](/zh-CN/docs/Web/CSS) 属性 **`inline-size`** 根据元素的书写模式定义了元素区块的横向或纵向尺寸。根据 {{CSSXref("writing-mode")}} 的值，此属性对应于 {{CSSXref("width")}} 或 {{CSSXref("height")}} 属性。
 
-若书写模式为竖直朝向，则 `inline-size` 的值对应于元素的高度；否则对应于元素的宽度。与此相关的属性为 {{CSSXref("block-size")}}，此属性定义了元素另一方向的尺度。
+若为纵向书写模式，则 `inline-size` 的值对应于元素的高度；否则对应于元素的宽度。与此相关的属性为 {{CSSXref("block-size")}}，此属性定义了元素另一方向的尺度。
 
 {{EmbedInteractiveExample("pages/css/inline-size.html")}}
 
 ## 语法
 
 ```css
-/* 长度值 */
+/* <length> 值 */
 inline-size: 300px;
 inline-size: 25em;
 
-/* 百分比值 */
+/* <percentage> 值 */
 inline-size: 75%;
 
 /* 关键词值 */
@@ -82,4 +82,4 @@ inline-size: unset;
 ## 参见
 
 - 对应的实体属性：{{CSSXref("width")}} 和 {{CSSXref("height")}}
-- {{cssxref("writing-mode")}}
+- {{CSSXref("writing-mode")}}
diff --git a/files/zh-cn/web/css/max-inline-size/index.md b/files/zh-cn/web/css/max-inline-size/index.md
@@ -5,20 +5,20 @@ slug: Web/CSS/max-inline-size
 
 {{CSSRef}}
 
-[CSS](/zh-CN/docs/Web/CSS) 属性 **`max-inline-size`** 根据元素的书写模式定义了元素块的水平或竖直最大尺寸。根据 {{CSSXref("writing-mode")}} 的值，此属性对应于 {{CSSXref("max-width")}} 或 {{CSSXref("max-height")}} 属性。
+[CSS](/zh-CN/docs/Web/CSS) 属性 **`max-inline-size`** 根据元素的书写模式定义了元素区块的横向或纵向最大尺寸。根据 {{CSSXref("writing-mode")}} 的值，此属性对应于 {{CSSXref("max-width")}} 或 {{CSSXref("max-height")}} 属性。
 
-若书写模式为竖直朝向，则 `max-inline-size` 的值对应于元素的最大高度；否则对应于元素的最大宽度。与此相关的属性为 {{CSSXref("max-block-size")}}，此属性定义了元素另一方向的尺度。
+若为纵向书写模式，则 `max-inline-size` 的值对应于元素的最大高度；否则对应于元素的最大宽度。与此相关的属性为 {{CSSXref("max-block-size")}}，此属性定义了元素另一方向的尺度。
 
 {{EmbedInteractiveExample("pages/css/max-inline-size.html")}}
 
 ## 语法
 
 ```css
-/* 长度值 */
+/* <length> 值 */
 max-inline-size: 300px;
 max-inline-size: 25em;
 
-/* 百分比值 */
+/* <percentage> 值 */
 max-inline-size: 75%;
 
 /* 关键词值 */

diff --git a/files/zh-cn/web/css/min-block-size/index.md b/files/zh-cn/web/css/min-block-size/index.md
@@ -5,20 +5,20 @@ slug: Web/CSS/min-block-size
 
 {{CSSRef}}
 
-[CSS](/zh-CN/docs/Web/CSS) 属性 **`min-block-size`** 根据元素的书写模式定义了元素块的水平或竖直最小尺寸。根据 {{CSSXref("writing-mode")}} 的值，此属性对应于 {{CSSXref("min-width")}} 或 {{CSSXref("min-height")}} 属性。
+[CSS](/zh-CN/docs/Web/CSS) 属性 **`min-block-size`** 根据元素的书写模式定义了元素区块的横向或纵向最小尺寸。根据 {{CSSXref("writing-mode")}} 的值，此属性对应于 {{CSSXref("min-width")}} 或 {{CSSXref("min-height")}} 属性。
 
-若书写模式为竖直朝向，则 `min-block-size` 的值对应于元素的最小宽度；否则对应于元素的最小高度。与此相关的属性为 {{CSSXref("min-inline-size")}}，此属性定义了元素另一方向的尺度。
+若为纵向书写模式，则 `min-block-size` 的值对应于元素的最小宽度；否则对应于元素的最小高度。与此相关的属性为 {{CSSXref("min-inline-size")}}，此属性定义了元素另一方向的尺度。
 
 {{EmbedInteractiveExample("pages/css/min-block-size.html")}}
 
 ## 语法
 
 ```css
-/* 长度值 */
+/* <length> 值 */
 min-block-size: 100px;
 min-block-size: 5em;
 
-/* 百分比值 */
+/* <percentage> 值 */
 min-block-size: 10%;
 
 /* 关键词值 */

diff --git a/files/zh-cn/web/css/min-inline-size/index.md b/files/zh-cn/web/css/min-inline-size/index.md
@@ -5,18 +5,18 @@ slug: Web/CSS/min-inline-size
 
 {{CSSRef}}
 
-[CSS](/zh-CN/docs/Web/CSS) 属性 **`min-inline-size`** 根据元素的书写模式定义了元素块的水平或竖直最小尺寸。根据 {{CSSXref("writing-mode")}} 的值，此属性对应于 {{CSSXref("min-width")}} 或 {{CSSXref("min-height")}} 属性。
+[CSS](/zh-CN/docs/Web/CSS) 属性 **`min-inline-size`** 根据元素的书写模式定义了元素区块的横向或纵向最小尺寸。根据 {{CSSXref("writing-mode")}} 的值，此属性对应于 {{CSSXref("min-width")}} 或 {{CSSXref("min-height")}} 属性。
 
 {{EmbedInteractiveExample("pages/css/min-inline-size.html")}}
 
 ## 语法
 
 ```css
-/* 长度值 */
+/* <length> 值 */
 min-inline-size: 100px;
 min-inline-size: 5em;
 
-/* 百分比值 */
+/* <percentage> 值 */
 min-inline-size: 10%;
 
 /* 关键词值 */
@@ -32,7 +32,7 @@ min-inline-size: revert-layer;
 min-inline-size: unset;
 ```
 
-若书写模式为竖直朝向，则 `min-inline-size` 的值对应于元素的最小高度；否则对应于元素的最小宽度。与此相关的属性为 {{CSSXref("min-block-size")}}，此属性定义了元素另一方向的尺度。
+若为纵向书写模式，则 `min-inline-size` 的值对应于元素的最小高度；否则对应于元素的最小宽度。与此相关的属性为 {{CSSXref("min-block-size")}}，此属性定义了元素另一方向的尺度。
 
 ### 取值