URL v CSS

Zápis adresy. Používá se zejména pro načítání obrázkového pozadí, ale také u grafických odrážek.

Symbolický zápis

css-vlastnost: url("adresa_objektu");

Příklad zápisu

uvozovky se dají nahradit apostrofy:

v různých starších prohlížečích fungují také varianty:

nebo (netestováno)

URL v adrese může být i absolutní.

Příklad zápisu grafické odrážky

li {list-style-image: url("odrazka.gif");}

Oddělovače

Následující zápisy jsou rovnocenné:

background-image: url('pozadi.gif'); background-image: url("pozadi.gif"); background-image: url(pozadi.gif);

Mají se psát uvozovky, apostrofy nebo nic?

Bez vymezovačů by mohly vznikat chyby (zvláště u delších názvů s nejistými znaky).
Uvozovky jsou správné, ale selhávají v in-line zápisu: <p style="background-image: url("...
a to už je chyba.
Nejjistější jsou tedy apostrofy. Na české klávesnici se dělají např. kombinací Alt + 39 nebo Shift s takovou divnou klapkou \.

Import stylu

Styly se dají připojit tagem link, ale také zápisem @import. Zápis je následující:

Podle toho, jak se při tom použijí nebo nepoužijí uvozovky či závorky, to různé verze prohlížeče IE 4 sežerou nebo nesežerou. Ale IE4 už se moc nevyskytuje, takže ani nevím, jak se to píše.

Zápis s @import je alternativou k zápisu tagu link:

Na zápisu @import je zajímavé, že v prohlížeči Internet Explorer nečeká prohlížeč s vykreslováním stránky na načtení celého stylu, jako v případě zápisu přes <link>. Takže s @import stránka při načítání jakoby "poskakuje", na druhou stranu je to rychlejší a uživateli se alespoň něco objeví velmi brzo.