語法
css
/* Keyword value */
mask-border-repeat: stretch;
mask-border-repeat: repeat;
mask-border-repeat: round;
mask-border-repeat: space;
/* top and bottom | left and right */
mask-border-repeat: round stretch;
/* Global values */
mask-border-repeat: inherit;
mask-border-repeat: initial;
mask-border-repeat: revert;
mask-border-repeat: revert-layer;
mask-border-repeat: unset;
mask-border-repeat 屬性可以使用下面列表中的一個或兩個值進行指定。
- 當指定一個值時，它對所有四個邊應用相同的行為。
- 當指定兩個值時，第一個值應用於頂部和底部，第二個值應用於左側和右側。
值
正式定義
正式語法
mask-border-repeat =
[ stretch | repeat | round | space ]{1,2}
示例
基本用法
此屬性似乎尚未在任何地方得到支援。當它最終開始被支援時，它將用於定義邊框遮罩切片將如何圍繞邊框重複——即，是簡單重複，還是稍微縮放以使整數個切片適合，還是拉伸以使一個切片適合？
css
mask-border-repeat: round;
基於 Chromium 的瀏覽器支援此屬性的一個過時版本——帶有字首的 mask-box-image-repeat。
css
-webkit-mask-box-image-repeat: round;
注意：mask-border 頁面提供了一個工作示例（使用 Chromium 支援的過時帶字首的邊框遮罩屬性），因此您可以瞭解其效果。
規範
| 規範 |
|---|
| CSS 蒙版模組 Level 1 # the-mask-border-repeat |
瀏覽器相容性
載入中…