Цитата: "1. Почему браузеры отображают его по-разному?"
Я уверен, что каждый браузер делает это по-своему, потому что они думают, что их браузер выглядит лучше. IE, вероятно, делает это, чтобы хорошо выглядеть в Windows. Safari делает их совместимыми с внешним видом Mac OS. Firefox соответствует другим элементам этого браузера и т. Д. (И, как сказано в тридцатке, он не был стандартизирован).
Цитата: "2. Поскольку я не могу полагаться на работающий атрибут inset, мне было интересно, что такое правильный" алгоритм "?"
Вы можете попытаться реконструировать его, если это так важно. Настройте тестовую страницу и вызовите ее в браузере. Используйте пипетку / палитру цветов, чтобы выбрать различные цвета. Имея достаточно образцов, вы сможете найти образец для этого одного браузера.
Цитата: "Должен быть общий алгоритм для этого, который я не могу найти ..."
Нет, если каждый браузер делает это по-своему. У каждого будет свой алгоритм.
РЕДАКТИРОВАТЬ, чтобы адресовать последующие действия OP:
Цитата: "Редактировать: я хочу указать на мой пример использования программы рисования, для которого требовался стиль вставки. Может кто-нибудь дать мне пример того, что они использовать для этого? (Эта часть вопроса лучше направляет на стек конструкторов?) "
Кажется, вы ищете один конкретный ответ, если его не существует. Я не могу дать вам пример того, что бы я использовал, поскольку современные графические программы (Photoshop) сделают это для меня, а затем предоставят мне достаточно вариантов, которые в сочетании в буквальном смысле дают миллионы результатов; цвет рамки, цвет подсветки, цвет тени, глубина, угол, толщина, профиль и т. д. Спросите 20 человек, что они считают «идеальной» вставкой, и вы получите 20 разных ответов (действительно мнения), а затем мы вернемся к причина, по которой он выглядит по-разному в каждом браузере (см. № 1 выше). Так что да, в контексте вопросов «программирования» эта последняя часть вашего ОП, вероятно, не по теме.
Дополнительные случайные мысли:
Почему border-style не стандартизирован? ИМХО, я думаю, что это свойство просто недостаточно используется, чтобы оправдать какие-либо серьезные усилия по стандартизации, или, возможно, в сообществе стандартов есть много разногласий по этому поводу. Я полагаю, что все свойства CSS, требующие стандартизации, каким-то образом расставлены по приоритетам (популярность, полезность?), И этот просто еще не обрезал или не собрал всех вместе. Лично я считаю, что такая собственность слишком тесно связана с постоянно меняющимися тенденциями. то есть - 10 лет назад мы видели много таблиц с очень толстыми «рельефными» границами. В наши дни многие дизайны используют немного границ или очень тонкие границы, если таковые имеются. Опять же, это только вопрос вкуса и мнения.