Skip to content

Commit

Permalink
[zh-cn]: update the translation of css-border-image-slice
Browse files Browse the repository at this point in the history
  • Loading branch information
tianyeeT authored Sep 18, 2024
1 parent d7c2882 commit 5e71f38
Showing 1 changed file with 5 additions and 2 deletions.
7 changes: 5 additions & 2 deletions files/zh-cn/web/css/border-image-slice/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
---
title: border-image-slice
slug: Web/CSS/border-image-slice
l10n:
sourceCommit: b2af4eb16dd4c399ed81f67efd49777fa6ae9030
---

{{CSSRef}}
Expand Down Expand Up @@ -51,8 +53,8 @@ border-image-slice: unset;

- 仅指定了****个位置(1 个值)时,创建的(上下左右)四个切片将具有相同的宽度/高度。
- 当指定了****个位置(2 个值)时,第一个值表示垂直方向的两个切片的高度(即 **top****bottom**),第二个值表示水平方向两侧切片的宽度(即 **left****right**)。
- 当指定了****个位置(3 个值)时,第一个值表示顶部切片的高度(即 **top**),第二个值表示水平方向两侧切片的宽度(即 **left****right**),第三个值则表示底部切片的高度(即 **buttom**)。
- 当指定了****个位置(4 个值)时,这四个值则分别对应 **top****right****buttom****left**(上、右、下、左)四个切片的宽度/高度。
- 当指定了****个位置(3 个值)时,第一个值表示顶部切片的高度(即 **top**),第二个值表示水平方向两侧切片的宽度(即 **left****right**),第三个值则表示底部切片的高度(即 **bottom**)。
- 当指定了****个位置(4 个值)时,这四个值则分别对应 **top****right****bottom****left**(上、右、下、左)四个切片的宽度/高度。

可选值 `fill` 可放在上面声明的值的末尾。

Expand Down Expand Up @@ -176,3 +178,4 @@ sliceSlider.addEventListener("input", () => {
## 参见

- [图解说明 1 到 4 个值的语法](/zh-CN/docs/Web/CSS/Shorthand_properties#tricky_edge_cases)
- [CSS中的边框图像:Interop 2023的关键关注领域](/zh-CN/blog/border-images-interop-2023/)在 MDN 博客(2023)

0 comments on commit 5e71f38

Please sign in to comment.