From 528254b55f616673919d7777dc1e8b8072bff26d Mon Sep 17 00:00:00 2001 From: yarusome <97945148+yarusome@users.noreply.github.com> Date: Sat, 15 Apr 2023 19:14:15 +0800 Subject: [PATCH] zh-CN: Update terms for the logical sizing properties (#12726) --- files/zh-cn/web/css/block-size/index.md | 12 ++++++------ files/zh-cn/web/css/inline-size/index.md | 10 +++++----- files/zh-cn/web/css/max-inline-size/index.md | 8 ++++---- files/zh-cn/web/css/min-block-size/index.md | 8 ++++---- files/zh-cn/web/css/min-inline-size/index.md | 8 ++++---- 5 files changed, 23 insertions(+), 23 deletions(-) diff --git a/files/zh-cn/web/css/block-size/index.md b/files/zh-cn/web/css/block-size/index.md index 76a04e6b88bd88..3d57b921840600 100644 --- 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 -/* 长度值 */ +/* 值 */ block-size: 300px; block-size: 25em; -/* 百分比值 */ +/* 值 */ 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 index d825c4010a7ef0..effd60cf1675d0 100644 --- 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 -/* 长度值 */ +/* 值 */ inline-size: 300px; inline-size: 25em; -/* 百分比值 */ +/* 值 */ 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 index 411584152e4f72..9e6957ba164825 100644 --- 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 -/* 长度值 */ +/* 值 */ max-inline-size: 300px; max-inline-size: 25em; -/* 百分比值 */ +/* 值 */ 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 index ac241abb2b449d..04b4a812fde543 100644 --- 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 -/* 长度值 */ +/* 值 */ min-block-size: 100px; min-block-size: 5em; -/* 百分比值 */ +/* 值 */ 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 index 718bb67bd55ea3..44d36832d2cf66 100644 --- 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 -/* 长度值 */ +/* 值 */ min-inline-size: 100px; min-inline-size: 5em; -/* 百分比值 */ +/* 值 */ 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")}}，此属性定义了元素另一方向的尺度。 ### 取值