Turkcell | Geleceği Yazanlar

201: HTML5 & CSS Başlangıç seviyesi derslerde Web Programlama uygulama geliştirme ortamını detaylı olarak inceliyoruz.

Tüm Eğitimleri Aldın mı? Kendini sınamanın tam zamanı

Haydi Sınava Gir

Sınır Genişliği

Kategori : Mobil | Lisans : Creative Commons (by-nc-sa) | En son 12.09.2019 tarihinde güncellendi
Eğitmen : Geleceği Yazanlar Ekibi
Etiketler : css-border-style css-border css-sinir border-ozelligi sinir-genisligi thin medium thick web-programlama

CSS kodlamada border-width özelliği, sınır çizgisinin genişliğini atamak için kullanılır.

Genişlik piksel cinsinden atanır ya da önceden tanımlanmış üç değerden biri olarak atanabilir. Bu üç değer, thin (ince), medium (orta) ve thick (kalın) şeklindedir.

p.one {
    border-style: dashed;
    border-width: 6px;
}

p.two {
    border-style: dashed;
    border-width: medium;
}

Şimdi bu tanımlamayı bir örnekle nasıl kullandığımıza bakalım:

<!DOCTYPE html>
<html>
    <head>
        <style>
            p.bir {
                border-style: dashed;
                border-width: 6px;
            }
        
        p.iki {
            border-style: solid;
            border-width: medium;
        }
        
        p.uc {
            border-style: dotted;
            border-width: 2px;
        }
        </style>
    </head>
    <body>
        
        <p class="bir">Geleceği Yazanlar HTML dersleri</p>
        <p class="iki">Geleceği Yazanlar CSS dersleri</p>
        <p class="uc">Geleceği Yazanlar JavaScript dersleri</p>
        <p><b>NOT: </b>Dersler herkesin kullanımına açıktır</p>
        
    </body>
</html>