Autor Zpráva
Lukyn2006
Profil
Dnes jsem se učil hrou CSS až jsem skončil u problému: Proč nejde dát např. do Spanu barevně odlišený padding i margin současně ?? Díky za reakce... Luk

<span style=" 
 padding: 30px; background-color: violet; 
 margin: 20px; background-color: lightgreen; 
 border: solid 4px red;">

Pokus margin & padding </span>
anonymníí
Profil *
Lukyn2006:
Margin je vně element, tak na něj samozřejmě nelze aplikovat bakground.

Vhodnou alternativou pro tebe bude buď border, nebo background rodiče (případně background/border předchozího/následujícího prvku).
Bubák
Profil
Lukyn2006:
Proč nejde dát např. do Spanu barevně odlišený padding i margin současně ??
Protože se stylují HTML elementy, a ne CSS vlastnosti. Podle CSS specifikace se pozadí aplikuje pod element a vycpávku (nevím, jak nejlíp v tomto kontextu přeložit padding).
Pokud je účelem hry s CSS obarvit co nejvíce element, použij outline.
http://kod.djpw.cz/fumb
Trejpa
Profil
Lukyn2006:
Vlastnosti padding ani margin nemohou mít barvu pozadí, tu má jen element nebo jeho rámeček. Padding přebírá barvu elementu a margin obvykle jeho okolí. Ostatně, řádkové elementy nemohou mít ani svislý margin.

Můžeš použít outline, několik zanoření s rámečkem, obrázkový rámeček, stíny, případně nějakou obezličku. Liší se podporou ve starých prohlížečích.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: