35. Ders sonrası notlar
CSS'de herhangi bir ögenin kenarlarını ovalleştirmek veya yuvarlaklaştırmak için border-radius özelliği kullanılır.
CSS Border-radius kullanımı
CSS'de border-radius özelliği, bir ögenin köşelere ait ovalliğini tanımlanabilir.
Yukarıdaki id değerine sahip etiketlerin kenarlarının ovalleştiğini göreceksiniz.
İpucu: border-radius özelliği aslında border-top-left-radius, border-top-right-radius, border-bottom-right-radius ve border-bottom-left-radius özellikleri için bir kısa kullanımdır.
CSS'de belirli kenarları ovalleştirmek
CSS'de border-radius özelliği bir ila dört değere sahip olabilir. İşte bu kurallar:
4 Değer ile Kullanım
border-radius özelliğine sırası ile sol üst,sağ üst,sağ alt ve sol alt olmak üzere köşe değerlerini tek tek girebilirsiniz.
3 Değer ile Kullanım
border-radius özelliğini 3 değer ile kullanabilirsiniz. Bu değerlerin ilki sol üst köşeyi, ikincisi sağ üst köşeyi , üçüncüsü ise sol alt ve sağ alt köşeleri temsil eder.
2 Değer ile Kullanım
border-radius özelliğini 2 değer ile kullanabilirsiniz. Bu değerlerin ilki sol üst ve sağ alt köşeleri, ikincisi ise sağ üst ve sol alt köşeleri temsil eder. Kısacası çapraz köşeleri temsil eder.