什么是最接受的CSS边框插入算法?

bdr*_*ing 7 css algorithm

我注意到每个浏览器都以border-style: inset;不同的方式呈现属性,所以我有两个问题:

  1. 为什么浏览器以不同的方式呈现它?怎么会有这么多不同的算法呢?最重要的是,有些浏览器看起来有问题!

  2. 由于我不能依赖inset属性工作,我想知道什么是正确的"算法"?我通常在顶部/左侧打16个打火机,在底部/右侧打16个更暗(即#666666背景,#767676顶部/左侧#565656是底部/右侧)

我需要知道要使用什么(一般来说),因为我在制作样式插图时遇到了麻烦,我显然无法正确使用插图,所以我必须手动更改颜色.然而,有时它看起来并不正确(如果它太暗).那里必须有一个很好的算法吗?

我已经在这个问题上寻找了网络资源(例如"你的边界需要什么颜色才能使这个看起来好看!"工具)或任何可以帮助的东西,什么都没发现.

可以这样想:如果有人在绘画程序中制作某些东西并且没有插入效果按钮,那么它们的四个边框会是什么颜色,主要颜色是_____什么?

有一个通用的算法,我找不到...

编辑:我想回到我使用需要插入样式的绘图程序的示例.有人可以给我一个他们用于此目的的例子吗?(问题的这一部分是否更好地指向设计师堆栈?)

Spa*_*rky 5

引用: "1.为什么浏览器会以不同的方式呈现它?"

我确信每个浏览器的表现都不一样,因为他们认为他们看起来最好.IE可能会在Windows中看起来很好看.Safari正在使它们与Mac OS的外观保持一致.Firefox与浏览器的其他元素等保持一致(和thirtydot所说的一样,它还没有标准化.)

引用: "2.由于我不能依赖插入属性工作,我想知道正确的'算法'是什么?"

如果它很重要,你可以尝试对它进行逆向工程.设置测试页面并在浏览器中调用它.使用滴眼器/颜色选择器实用程序来挑选各种颜色.有足够的样本,您应该能够找到该浏览器的模式.

引用: "有一个通用的算法,我找不到......"

如果每个浏览器都以不同方式执 每个人都有自己的算法.


编辑以解决OP的后续行动:

引用: "编辑:我想回到我使用需要插入样式的绘画程序的例子.有人能举例说明他们使用的是什么吗?(​​这部分问题更好地指向了设计师堆叠?)"

您似乎在寻找一个不存在的具体答案.我不能给你一个我用过的例子,因为现代图形程序(Photoshop)会为我做这个,然后给我足够的选项,当合并时,字面上提供数百万的结果; 边框颜色,高亮颜色,阴影颜色,深度,角度,厚度,轮廓等.问20个人他们认为什么是"完美"插图,你会得到20个不同的答案(意见真的)然后我们回到它在每个浏览器中看起来不同的原因(参见上面的#1).所以,是的,在"编程"问题的背景下,OP的最后一部分可能是偏离主题的.

其他随机想法:

为什么border-style不标准化?恕我直言,我认为这个属性根本不足以保证标准化的任何重大努力,或者标准社区中对此有很多不同意见.我想所有需要标准化的CSS属性都会以某种方式(流行度,有用性?)进行优先排序,而这个属性还没有削减或者将每个人聚集在一起.就个人而言,我认为这样的房产与不断变化的趋势密切相关.即 - 10年前,我们曾经看到很多桌子都有很厚的"浮雕"边框.如今,许多设计使用很少的边框或非常薄的边框(如果有的话).同样,这只是品味和观点的问题.