CSS Dersleri #35 - Border-radius Kullanımı

Merhaba değerli Kodlama Vakti takipçileri, bu dersimizde CSS Border-Radius ile Kenar Ovalleştirme Konusunu öğreneceğiz.

CSS'de herhangi bir ögenin kenarlarını ovalleştirmek veya yuvarlaklaştırmak için border-radius özelliği kullanılır.

#WebProgramlama derslerimizin devamı olan Başlangıçtan İleri Seviyeye #CSS Dersleri ile #HTML kodlarınızı daha şık bir hale dönüştürecek ve göz alıcı web siteleri oluşturabileceksiniz.

Kodlama Vakti Kanalına Hoşgeldiniz !

Abone Olmayı Unutmayın🔔

Kodlama Vakti ekibi olarak , programlamanın herkes tarafından öğrenilebilir olduğunu takipçilerimize benimsetmek olup , kanalımızda ki eğitimler özenle hazırlanmaktadır ve tamamen ücretsizdir! Vakit Kodlama Vaktidir !

Eğitimlerimizin size yararlı olduğunu düşünüyor ve beğeniyorsanız videoyu beğenmeyi , kanalımıza abone olmayı unutmayın.

CSS Border-radius kullanımı
CSS'de border-radius özelliği, bir ögenin köşelere ait ovalliğini tanımlanabilir.

İ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.

[KodlamaVakti]

#CSS Border-Radius ile Kenar Ovalleştirme
dersimizin dokümanına, örnek kodlara ve ilginizi çekebilecek diğer içeriklere aşağıdan ulaşabilirsiniz.