Šuplík Honzy Hučína

Bug okraj vs. pozadí? A čí?

Že by (mně) neznámý bug? A je to vůbec bug?

V příspěvku Nalepte si známku na web jsem si naběhl - nevyzkoušel jsem si, zda efekt se zoubkovaným okrajem funguje v IE. Začal jsem to zkoumat a zjistil, že se IE i ve standardním módu verze 6.0 chová v tomto jinak než moderní prohlížeče a k tomu ne zcela důsledně.

Co se stane, když se ve stylopisu zadá nějaká barva pro pozadí (background) a styl okraje dotted nebo dashed? Jakou barvou se mají vykreslit úseky okraje mezi jednotlivými tečkami nebo čárkami?

Specifikace CSS je trochu záhadná:

• na jedné straně říká, že pozadí se vztahuje k obsahu a vnitřnímu okraji blokového prvku, kdežto barva okraje se určuje samostatně
• na druhé straně udává, že tečkovaný nebo čárkovaný okraj se má vykreslit na vršek pozadí prvku

Ale znamená to, že okraj překrývá pozadí, nebo ne?

Tvůrci moderních prohlížečů se rozhodli, že pozadí bude do okraje zasahovat (tj. okraj bude pozadí překrývat). Zato u IE 5.5 a dokonce i 6.0 ve standardním módu záleží na tom, zda má prvek nastavenou šířku pomocí width. U prvku s nastavenou šířkou pozadí nezasahuje do okraje, kdežto u prvku bez zadané šířky již zasahuje.

Z toho vyplývá snadná možnost nápravy pomocí tzv. matrjošky – u prvku nenastavíme šířku a vnoříme ho do dalšího prvku, u něhož šířku již nastavíme. (Můžete si prohlédnout příklad.)

To ale stále není odpověď na původní otázku. Je to chyba, nebo ne? A pokud ano, pak čí? Upřímně řečeno, jakkoliv nejsem fanda IE, v tomto případě se mi zdá logičtější okraj do pozadí nezahrnovat. Co si myslíte vy?