Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Merged
merged 5 commits into from
Apr 15, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions files/zh-cn/web/css/block-size/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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%;

/* 关键词值 */
Expand All @@ -35,9 +35,9 @@ block-size: revert-layer;
block-size: unset;
```

###
### 取值

`block-size` 属性的值与 {{cssxref("width")}} 属性和 {{cssxref("height")}} 属性的值相同
`block-size` 属性的取值与 {{cssxref("width")}} {{cssxref("height")}} 属性相同

## 形式定义

Expand Down
10 changes: 5 additions & 5 deletions files/zh-cn/web/css/inline-size/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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%;

/* 关键词值 */
Expand Down Expand Up @@ -82,4 +82,4 @@ inline-size: unset;
## 参见

- 对应的实体属性:{{CSSXref("width")}} 和 {{CSSXref("height")}}
- {{cssxref("writing-mode")}}
- {{CSSXref("writing-mode")}}
8 changes: 4 additions & 4 deletions files/zh-cn/web/css/max-inline-size/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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%;

/* 关键词值 */
Expand Down
8 changes: 4 additions & 4 deletions files/zh-cn/web/css/min-block-size/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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%;

/* 关键词值 */
Expand Down
8 changes: 4 additions & 4 deletions files/zh-cn/web/css/min-inline-size/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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%;

/* 关键词值 */
Expand All @@ -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")}},此属性定义了元素另一方向的尺度。

### 取值

Expand Down