最受欢迎的CSS边界插入算法是什么？

问题描述

| 我注意到每个浏览器都以不同的方式呈现

border-style: inset;

属性，因此我有两个问题： 为什么浏览器以不同的方式呈现它？怎么会有这么多不同的算法呢？最重要的是，某些浏览器看起来不对！ 由于我不能依靠inset属性起作用，所以我想知道什么是正确的“算法”？通常，我在顶部/左侧的亮度要高16，在底部/右侧的亮度要高16（即

#666666

是背景，所以

#767676

是顶部/左侧，

#565656

是底部/右侧） 我需要知道使用什么（通常来说），因为我在设置样式插图时遇到了麻烦，而且我显然不能正确使用样式，因此必须手动更改颜色。但是，有时看起来不正确（如果太暗）。为此必须有一个好的算法？ 我一直在寻找有关此问题的网络资源（例如“使边框看起来像是您的边框需要什么颜色！”工具）或任何有帮助的资源，但没有发现任何问题。 这样想：如果某人在绘画程序中做某事并且没有插入效果按钮，那么在主色为

_____

的情况下，他们的四个边框将是什么颜色？ 为此，我必须找到一种通用算法... 编辑：我想回到我的示例，使用需要插入样式的绘画程序。有人可以给我举个例子，说明他们将为此使用什么吗？ （问题的这一部分是否可以更好地指导设计人员？）     

解决方法

        Quote：\“ 1。为什么浏览器呈现不同的外观？\” 我确定每种浏览器的操作方式都不同，因为他们认为自己的浏览器看起来最好。 IE可能会使其在Windows中看起来不错。 Safari使它们与Mac OS的外观保持一致。 Firefox与该浏览器的其他元素等保持一致（并且如三十点所述，它尚未标准化。） Quote：\“ 2。由于我不能依靠inset属性起作用，所以我想知道正确的\'algorithm \'是什么？\” 如果那么重要，您可以尝试对其进行反向工程。设置测试页并在浏览器中调用它。使用滴管/拾色器实用程序选择各种颜色。有了足够的样本，您应该能够找到该浏览器的模式。 Quote：\“必须有一个通用算法，我找不到... \” 如果每个浏览器的操作方式都不一样，则不会。每个人都有自己的算法。 编辑以解决OP的后续问题： Quote：\“ Edit：我想回到我的示例，该示例使用需要插入样式的绘画程序。有人可以给我一个有关此示例的示例吗？（问题的这一部分是否更好地指导了我？在设计师堆栈上？）\“ 您似乎正在寻找一个不存在的特定答案。我无法举一个我将要使用的示例，因为现代图形程序（Photoshop）会为我完成此任务，然后为我提供足够的选项，这些选项组合起来可以提供数百万个结果。边框颜色，突出显示颜色，阴影颜色，深度，角度，厚度，轮廓等。问20个人他们认为什么是“完美”插图，您会得到20个不同的答案（实际上是观点），然后我们\回到它在每个浏览器中看起来都不同的原因（请参见上面的＃1）。因此，是的，在“编程”问题的上下文中，OP的最后一部分可能是题外话。 其他随机想法： 为什么“ 5”字不标准化？恕我直言，我认为此属性的使用根本不足以保证进行任何重大的标准化工作，或者在Standards社区中对此存在很多分歧。我想所有需要标准化的CSS属性都以某种优先级（受欢迎程度，有用性？）进行了优先排序，而这还没有实现削减或将所有人聚集在一起。就我个人而言，我认为这样的房地产与日新月异的趋势紧密相关。即-10年前，我们曾经看到过很多带有非常厚的“浮雕”边框的桌子。如今，许多设计使用很少的边框或非常细的边框（如果有）。同样，这只是品味和见解的问题。     ,我对此有一个答案：      为什么浏览器以不同的方式呈现它？怎么会有这么多   不同的算法呢？大多数   所有，有些浏览器看起来不对！    请参阅：http://www.w3.org/TR/CSS21/box.html#border-style-properties   为值绘制的边框颜色   \'groove \'，\'ridge \'，\'inset \'和   \'开始\'取决于元素的   边框颜色属性，但UA可能   选择自己的算法   计算使用的实际颜色。对于   例如，如果\'border-color \'具有   值“银”，则UA可以   使用从白色到白色的渐变色   深灰色表示倾斜   边境。 这就是实现方式不同的原因-因为它不是标准化的。     ,        我想说，对于较亮的一面，将每个rgb值添加20％，对于较暗的一面，从每个RGB值中删除20％。