Skip to content

Commit

Permalink
feat: update translation
Browse files Browse the repository at this point in the history
  • Loading branch information
PassionPenguin committed Aug 31, 2024
1 parent 08d5dee commit 4d6fbfd
Showing 1 changed file with 23 additions and 0 deletions.
23 changes: 23 additions & 0 deletions files/zh-cn/glossary/inset_properties/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
---
title: Inset 属性
slug: Glossary/Inset_properties
l10n:
sourceCommit: c5f403bb08c91ae77ddfe47f937438fb5e6fcae5
---

{{GlossarySidebar}}

CSS **inset 属性**通过指定元素相对于默认位置的偏移量控制定位元素的位置。inset 属性包括物理、逻辑和简写的 inset 属性。

inset 属性包括物理属性({{cssxref("top")}}、{{cssxref("left")}}、{{cssxref("bottom")}} 和 {{cssxref("right")}})、和流动方向相对的逻辑属性({{cssxref("inset-block-start")}}、{{cssxref("inset-block-end")}}、{{cssxref("inset-inline-start")}} 和 {{cssxref("inset-inline-end")}})以及 {{cssxref("inset-block")}}、{{cssxref("inset-inline")}} 和 {{cssxref("inset")}} 简写。

**物理属性**引用元素的特定物理面。逻辑属性使用相对于块轴和内联轴的方向关键字。**块轴**是指定义块布局中元素堆叠顺序的轴。**行内轴**与块轴垂直,代表文本等行内内容在块内流动的方向。这些映射取决于元素的{{cssxref("writing-mode")}}、{{cssxref("direction")}}和{{cssxref("text-orientation")}}。

嵌入属性的解释取决于 {{cssxref("position")}} 属性的值。当设置 `position: absolute` 时,它们代表从[包含块](/zh-CN/docs/Web/CSS/Containing_block)[锚点元素](/zh-CN/docs/Web/CSS/CSS_anchor_positioning/Using)插入。如果使用 `position: relative`,它们表示从框的默认边距边缘位置插入。如果使用 `sticky`,则表示从{{glossary("scroll container")}}的边缘嵌入。`fixed` 值与 `absolute` 类似,只是元素的位置和大小是相对于其固定定位的包含块(通常是视口)而言的。

## 参见

- [布局与包含快](/zh-CN/docs/Web/CSS/Containing_block)
- [CSS 定位布局](/zh-CN/docs/Web/CSS/CSS_positioned_layout)模块
- [CSS 逻辑属性和值](/zh-CN/docs/Web/CSS/CSS_logical_properties_and_values)模块
- [CSS 锚点定位](/zh-CN/docs/Web/CSS/CSS_anchor_positioning)模块

0 comments on commit 4d6fbfd

Please sign in to comment.