轮廓和边框属性之间的差异

时间:2011-09-19 14:29:00

标签: css

this question有点相关。

轮廓和边框非常相似(尽管它们确实存在差异,如引用的问题中所述),但它们使用完全相同的属性/值,顺序相反。例如:

border: 1px solid black;
outline: black solid 1px;

对我而言,这似乎是应该避免的明显不一致。使用边框和轮廓时,很容易混淆顺序并编写无效的CSS。是否有任何已知的原因这两个相似的项目具有相反的顺序写的相同值?

修改

似乎(至少在IE8中)两者都可以(有时)接受任何顺序的值并且工作正常,这使得标准将以这些不同的方式编写它们似乎有点奇怪。

1 个答案:

答案 0 :(得分:2)

您的假设不正确。这两个属性的缩写除了widthstylecolor中的值之外。

你可以根据自己的意愿混合它们,它仍然可以工作,但这是浏览器的宽松。