Autor Zpráva
curo
Profil
Používate niekto vlastnosť outline?
Ako je to s podporou tejto vlastnosti v prehliadačoch?

Podľa toho čo som o nej našiel by mala byť vhodnejšia ako border,
lebo sa nezarátava do rozmerov objektu. Vykreslí sa len obrys
nad objektom. (podobne ako napr. outline v coreldraw)
habendorf
Profil
O takové vlastnosti nic nevím. Znám jen -moz-outline a z toho názvu vyplývá i ta podpora.
curo
Profil
Popis sa dá nájsť na w3c http://www.w3.org/TR/CSS21/ui.html#propdef-outline
habendorf
Profil
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.
Radek Hrabůvka
Profil
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.
habendorf
Profil
No já tam vidím toto: Outlines may be non-rectangular.
V praxi mě napadá jen <area shape="circle nebo polygon">.
Radek Hrabůvka
Profil
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.
Oswald
Profil
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
Profil
Mne sa outline pod FF ani pod IE tiež nepodarilo rozchodiť.

Takže túto vlastnosť pravdepodobne podporuje zatiaľ iba Opera. Škoda
Acci
Profil
curo
Firefox ne, ale můžeš použij vlastnost -moz-outline
Radek Hrabůvka
Profil
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!
Toto téma je uzamčeno. Odpověď nelze zaslat.

0