Vlastnosť outline

O takové vlastnosti nic nevím. Znám jen -moz-outline a z toho názvu vyplývá i ta podpora.

Hm, to vidím poprvé. Hlavně mě překvapilo, že lze aplikovat i na neobdélník.
Co se týče podpory, mám své pochyby. Vyzkoušej.

Opera 7.54 a novější outline bere, starší verze Opery nemám, tak nevím. Gecko (joj, kde jsou jejich standardy?) IE nepodporuje.
Neobdélníkovou oblast jsem nepochopil, asi za to může moje slabá znalost angličtiny. Když někdo bude mít ukázku na neobdélník, rád se podívám na zdroják.

No já tam vidím toto: Outlines may be non-rectangular.
V praxi mě napadá jen <area shape="circle nebo polygon">.

habendorf Zkusil jsem průhledný gif, ať vidím co se děje, udělal klikací mapu, ale ani map ani area se mi nepodařilo nastylovat background, o outline nemluvě.
Na blokové prvky a obrázky mi to samozřejmě fachčí, klasika obdélník, podobně jako border.
Našel jsem na stránce, kterou odkazuje curo, tohle, ale moc tomu nerozumím/nechápu:

Outlines may be non-rectangular. For example, if the element is broken across several lines, the outline is the minimum outline that encloses all the element's boxes. In contrast to borders, the outline is not open at the line box's end or start, but is always fully connected.

Radek Hrabůvka

Outlines may be non-rectangular ... IMHO znamená, že pokud je nějaký inline prvek rozdělen do více řádků a má definováno outline, tak to ohraničení má kopírovat jeho obvod, narozdíl od border, který kopíruje jednotlivé řádky, do kterých prvek zasahuje. To je myslím vidět třeba ve FireFoxu, (kde se defakto outline zobrazuje u :focus-lých odkazů) pokud odkaz zasahuje do víc řádek.

Pokus o vizuální demonstraci:

              ----------------------------------------------------------

normalni text | tady je je treba strong s outlinem ... kas klf aslfd af|

| fdslflksadflsdalf slkf sldk flksa ------------------------------------

| fsajdfklasdlfk sfkl konec strongu| pokracuje normalni text

----------------------------------- 

Opera to dělá ale trochu jinak. Outline je mimochodem neocenitelné při ladění, protože svojí tloušťkou neovlivňuje ostatní prvky.

curo
Firefox ne, ale můžeš použij vlastnost -moz-outline

Oswald Já měl za to, že to je jen na blokové prvky a obrázky. Díky, vyzkoušel jsem si to, je to, jak píšeš. Na ladění neocenitelné, pro ty co to neví, v Opeře je:
View > Style > User mode > Debug with outline
Pro inspiraci, přidává to tenhle stylopis:

iframe {outline: 3px solid green !important;}

table {outline: 3px solid black !important;}

div {outline: 2px solid red !important;}

object {outline: 2px  dashed blue !important;}

form {outline: 2px dotted green !important;}

td, th {outline: 1px dashed yellow !important;}

p {outline: 2px dotted black !important;}

span {outline: 1px dotted red !important;}

Acci -moz-* vlastnosti, více Pixy Pozor na -moz-vlastnosti!