Ohraničení neboli obrys prvků je vlastnost, která umožňuje zvýraznit prvky, které získaly focus. Obrys prvku je vždy v nejvrchnější vrstvě (tzn. je nad všemi objekty), obrys nezabírá žádné místo navíc. Tvar obrysu vychází ze zvyklostí prohlížeče, nemusí tedy být vždy obdélníkový. Přestože soubor vlastností pro nastavení obrysů prvku je součástí CSS2 specifikace(http://www.w3.org/TR/REC-CSS2) jeho podpora v prohlížečích je malá, respektive nulová.

Styl obrysu

Pro nastavení stylu obrysu použijeme vlastnost outline-style. Jako její hodnota se používají klíčová slova.

Tato vlastnost umožňuje nastavit styl obrysu objektu.

Příklad použití

Podpora v prohlížečích

NN4 nepodporuje; Mozilla (Netscape 6+) nepodporuje; IE nepodporuje; Opera nepodporuje; IE 5/MAC plná podpora; Konqueror nepodporuje.

Barva obrysu

Pro nastavení barvy obrysu použijeme vlastnost outline-color. Jako její hodnota se používají klíčová slova a čísla.

Tato vlastnost umožňuje nastavit barvu obrysu objektu. Tato vlastnost nemá sama o sobě žádný význam, je nutné ji používat spolu s vlastností outline-style.

Příklad použití

Podpora v prohlížečích

NN4 nepodporuje; Mozilla (Netscape 6+) nepodporuje; IE nepodporuje; Opera nepodporuje; IE 5/MAC plná podpora; Konqueror nepodporuje.

Šířka obrysu

Pro nastavení šířky obrysu použijeme vlastnost outline-width. Jako její hodnota se používají klíčová slova a číselné hodnoty s jednotkou.

Tato vlastnost umožňuje nastavit šířku obrysu objektu. Tato vlastnost nemá sama o sobě žádný význam, je nutné ji používat spolu s vlastností outline-style. Hodnota thin nastaví slabou šířku obrysu, s hodnotou medium bude obrys středně široký, a pro tlusté obrysy je možné použít thick. U stylu obrysu double se jako šířka počítá tloušťka obou čar a mezery mezi nimi.

Příklad použití

Podpora v prohlížečích

NN4 nepodporuje; Mozilla (Netscape 6+) nepodporuje; IE nepodporuje; Opera nepodporuje; IE 5/MAC plná podpora; Konqueror nepodporuje.

Obrys

Orámování

Pro nastavení obrysu lze použít souhrnnou vlastnost outline.

Tato vlastnost umožňuje nastavit obrys objektu. Jak jsem napsal již v prvním odstavci, tuto vlastnost nelze používat z důvodu malé podpory prohlížečů.

Příklad použití

Předcházející ukázka nastavuje pro prvky s focusem tlustý černý rámeček a pro aktivní prvky tlustý dvojitý červený rámeček.

Podpora v prohlížečích

NN4 nepodporuje; Mozilla (Netscape 6+) s chybami; IE plná podpora od verze 5; Opera nepodporuje; IE 5/MAC plná podpora; Konqueror nepodporuje.

Závěr

Tato vlastnost není moc používaná, jelikož většina prohlížečů není zatím schopna pracovat v interaktivním režimu. Proto ve specifikaci CSS3 dojde k úpravě této vlastnosti, která by měla zajistit její větší použitelnost.