Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan CSS dersinin bir bölümüdür. Eğitmen, border radius özelliğini detaylı bir şekilde anlatmaktadır.
- Videoda border radius özelliğinin nasıl kullanılacağı adım adım gösterilmektedir. Eğitmen önce temel bir div oluşturarak başlayıp, border radius özelliğini kullanarak kutunun kenarlarını yuvarlama işlemini uygulamalı olarak anlatmaktadır. Ayrıca, border radius değerlerinin nasıl ayarlanacağı, köşelerin yarıçaplarının nasıl belirleneceği ve farklı köşelere farklı yarıçap değerleri verilerek kutunun şeklinin nasıl değiştirilebileceği örneklerle açıklanmaktadır.
- Border Radius Kavramı
- Bu derste border radius konusuna yoğunlaşılacak.
- Border radius, bir elemanın kenarlarını yuvarlamak için kullanılır.
- Border radius ayarlamak için "border-radius" özelliği kullanılır.
- 00:57Border Radius Kullanımı
- Border radius ayarlanırken sol üst köşe, sağ üst köşe, sağ alt köşe ve sol alt köşe için ayrı değerler verilebilir.
- Verilen değerler, elemanın kenarlarının yarıçapını belirler.
- Eğer tüm köşelere aynı değer verilirse, eleman tamamen yuvarlak bir çember haline gelir.
- 02:04Border Radius Değerlerinin Anlamı
- Border radius değeri, elemanın merkezinden köşelere çizilen yayların yarıçapını belirler.
- Farklı köşelere farklı değerler verildiğinde, her köşe için ayrı yarıçap değeri oluşturulur.
- Çapraz değerler verildiğinde, sol üst ve sağ alt köşeler için aynı yarıçap değeri, sağ üst ve sol alt köşeler için farklı yarıçap değeri belirlenir.