.: border-radius :: css :: Slovník tagů a funkcí :: SyX.cz

Slovník tagů a funkcí

Zde máte možnost vyhledávat v databázi tagů, funkcí, apod.. Hledat můžete všude, anebo můžete upřesnit kategorii vybráním v seznamu. Potvrzením prázdného políčka zobrazíte úplný strom.

border-radius (CSS)

Poslední aktualizace: 26. ledna 2012

Kulaté rohy

Vlastností border-radius je možné zakulatit rohy HTML elementům.
Je to však nová vlastnost CSS3 a nemusí fungovat ve starších prohlížečích.

Příklad:

.ram { border-radius: 10px; }

Ukázka:

Rohy ale nemusíme mít kulaté všechny, můžeme zakulatit jen některé. Zápisem dvou velikostí nám ale nastává chyták. Pokud zapíšeme dvě hodnoty, např.:

.ram { border-radius: 10px 0px; }

Nebudeme mít horní rohy kulaté a spodní ostré. Budou to dva proti sobě.

Ukázka:

Taky mě to zklamalo. Nezbývá nám tedy nic jiného, než úplný zápis všech hodnot.

Příklad:

.ram { border-radius: 10px 10px 0px 0px; }

Ukázka:

První je tedy levý horní okraj, a další následují ve směru hodinových ručiček.

Přidat položku do slovníku

Příhlášení

Zapomenuté heslo? Registrace

Tvorba www

Chcete mít vlastní web? Vytvořím Vám Vaši vlastní www stránku či webovou aplikaci dle Vašich představ. Časově přívětivě, cenově dostupně.

Kontakt

Spolupráce

Jste firma nebo živnostník pracující v oblasti tvorby www? Nebráním se žádné spolupráci jak s grafickými studii, tak ani s jinými firmami či živnostníky. Pracuji externě ze svého domova, ale osobní setkání není problém.

Facebook

SyX.cz - Tvorba www a webových aplikací

Google+

SyX.czon

Twitter

SyXcz

border-radius :: css :: Slovník tagů a funkcí :: SyX.cz - Tvorba www a webových aplikací

Slovník tagů a funkcí