28 Aralık 2010

Yuvarlak köşeler

Ya CSS3 çıktıktan epey sonra öğrendiğim yuvarlak köşeleşme olayı lazım olunca unutuyorum. bulmak için de google da aradığımda bissürü kaynak çıkıyor ama ben yine de kendi sayfamda bulayım dedim. buraya da yazayım:



Orjinal CSS3 için (ki bu Opera'ya tekabül etmekte):
border-top-right-radius
border-radius
Firefox için:
-moz-border-radius-topright
-moz-border-radius
Safari için ise:
-webkit-border-top-right-radius
-webkit-border-radius
Temel komutlar böyle. 2.silerin yanlarına 1 tane px değeri koyarsanız tüm kenarlar yuvarlanacak. 2 tane px değeri koyarsanız sol üst ve sağ alt olacak. Unutmadan hepsinin başına da
border: 5px solid red;
 koyulacak elbette ki..