Tarayıcılar sınır için kullanılacak tam renklerin nasıl belirlendiğini nasıl belirler?

Question

Bir öğenin stili olarak border: 1px outset blue; belirtirsem, tarayıcı iki farklı kenarlık rengi oluşturur: biri üst ve sol kenarlıklar için, diğeri ise alt ve sağ kenarlıklar için.

li 
 
    { border: 10px outset #0000FF; 
 
    color: #FFF; 
 
    background-color: #0000FF; 
 
    width: 30%; 
 
    } 
 

 
p 
 
    { margin: 1em 2em; 
 
    text-align: center; 
 
    }

<li><p>Hi!</p></li>

, nasıl tarayıcı içinde sınır işlemek için hangi renkleri belirliyor sınırına için belirtilen tek bir renk Verilen? Alternatif olarak, iki farklı renge sahip bir başlangıç ​​sınırı gösteren bir grafiksel (örneğin .PSD) bir komut verildiğinde, comp'ye en yakın sonuçları almak için belirtmek üzere tek bir kenarlık rengini nasıl seçebilirim?

Answer 1

kimse algoritması specified by CSS vardır:

kullanıcı arayüzleri asıl renkleri hesaplamak için kendi algoritmalarını kullanabilirler.

Farklı tarayıcılar ölçüde farklı şeyler:

• Firefox tam beyaz (yaklaşık% 57) ve tam siyah (yaklaşık% 68) ile düşük ışık kenarlıklı vurgulamak sınırını karıştırır.

• Opera, sınırları daha az beyaz ve siyahla harmanlıyor (her biri% 25).

• WebKit (Safari, Chrome), vurgu kenarlığını dokunulmamış belirtilen renk olarak bırakırken, koyu mavi kenarlığını siyahla (% 33) karıştırır.

• IE, giriş/çıkış kullandığınızda kenarlık genişliğini ikiye böler. Sınırın iç yarısı,% 75 siyah ve dokunulmamış bir vurgu renginin vurgulu gölgesine sahiptir. Kenarlığın dış yarısı% 25'i siyah renkte ve% 50'si siyah gölgeli bir renk tonuyla gölgelenen bir vurgu rengine sahiptir. Bu, kenar genişliği 2px ise, Windows 9x/NT4/2000 düğmesinin kenarlık stilini yeniden oluşturma etkisine sahiptir.

Maalesef iç metin/başından/oluk/mahya sınırları dışında tutarlı sonuçlar elde edemezsiniz. Çoğu zaman sonuçlar farklıdır ancak tarayıcılarda hala sorun yoktur; Bu yeterince iyi değilse, her kenarlık kenar rengini açıkça belirtmeniz gerekir.