实施例

Question

在查看边境属性w3c规格时，试图确定{1,4}的含义是什么？是宽度？我认为宽度不能限制在1-4之间，那么它是什么？

[ thin | medium | thick | <length> ]{1,4} | inherit

Answer 1

我只提到语法。来自Mozilla Developer Network：

形式语法：{1,4}

border-width: width                    /* One-value syntax   */
border-width: horizontal vertical      /* Two-value syntax   */
border-width: top horizontal bottom    /* Three-value syntax */
border-width: top right bottom left    /* Four-value syntax  */

因此，您可以使用1,2,3或4值定义border-width。如果您使用：

（一个值）它适用于所有方面。
（两个值）第一个值应用于水平（即顶部和底部），第二个值应用于垂直（即左侧和右侧）

......等等。

许多CSS属性都会继承类似的模式，例如padding，margin等的缩写。

Answer 2

这意味着您可以设置1到4个值。

实施例

border: 1px              = border: 1px 1px         = border: 1px 1px 1px      = border: 1px 1px 1px 1px
border: 1px 2px          = border: 1px 2px 1px     = border: 1px 2px 1px 2px
border: 1px 2px 3px      = border: 1px 2px 3px 2px
border: 1px 2px 3px 4px

// values behind "=" are equivalent, you can choose what is better for you.

值顺序

值的顺序为：top - right - bottom - left

一般信息

当您只设置一个值时，表示：“将此边框设置为所有边”
设置两个值时，第一个值为border-top和bottom，第二个值为border-left和right。
< / LI>
当您设置三个值时，第一个值为top，第二个值为right和left，第三个值为bottom。
< / LI>
设置所有值时，top-right-bottom-left。

Answer 3

您可以为整个元素指定一个边框属性，也可以为元素的左侧，右侧，顶部和底部指定四个单独的边框。

p { border: solid red }

p {
  border-top: solid red;
  border-right: solid red;
  border-bottom: solid red;
  border-left: solid red
}

border-style #xy34 { border-style: solid dotted }属性的另一个例子是：

{{1}}

在上面的示例中，水平边框将是“固定的”。并且垂直边框将是“

。

Answer 4

{1-4}表示您可以指定1,2,3或4个值或属性。

每个半径的四个值按左上角，右上角，右下角，左下角的顺序给出。如果省略左下角，则与右上角相同。如果省略右下角，则与左上角相同。如果省略右上角，则与左上角相同。

css border property {1,4}是什么意思？

4 个答案:

实施例

值顺序

一般信息