CSS'de bir öğenin kenar boşluğunu (margin) 10 piksel yapmak için hangi kod kullanılır?
Bir web sayfasındaki öğelerin düzenini kontrol etmek, web tasarımının temelidir. CSS (Basamaklı Stil Sayfaları) bu düzenlemeleri yapmamızı sağlar. Bir öğenin etrafındaki boşluğu ayarlamak için kullanılan temel CSS özelliklerinden biri de margin'dir.
Margin (Kenar Boşluğu) Nedir?
CSS'te margin, bir HTML öğesinin etrafındaki dış boşluğu ifade eder. Bu boşluk, öğenin diğer öğelerden ne kadar uzakta duracağını belirler. Yani, bir öğenin "dış kenar boşluğunu" ayarlamak için kullanılır.
Doğru Seçenek: C) margin: 10px;
Bu kod, seçilen HTML öğesinin tüm kenarlarından (üst, sağ, alt, sol) 10 piksel dış boşluk bırakılmasını sağlar. Eğer sadece belirli bir kenara boşluk vermek isterseniz, margin-top, margin-right, margin-bottom veya margin-left gibi özel özellikler kullanabilirsiniz. Ancak margin: 10px; kısa yolu, tüm kenarlara aynı değeri uygulayarak pratik bir kullanım sunar.
Yanlış Seçeneklerin Açıklaması: A) padding: 10px;
Padding, bir öğenin içeriği ile kenarlığı arasındaki iç boşluğu ifade eder. Yani, öğenin kendi içindeki metin veya diğer içerik ile öğenin kenarlığı arasındaki mesafeyi ayarlar. Bu, dış kenar boşluğu (margin) değildir.
Yanlış Seçeneklerin Açıklaması: B) border: 10px;
Border, bir öğenin etrafındaki kenarlığı veya çerçeveyi tanımlar. Genellikle kalınlık, stil (düz, noktalı vb.) ve renk gibi ek özelliklerle birlikte kullanılır (örneğin, border: 1px solid black;). Bu, bir boşluk ayarlamak için değil, öğeye görsel bir çizgi eklemek içindir.
Yanlış Seçeneklerin Açıklaması: D) space: 10px;
CSS'te space adında standart bir özellik bulunmamaktadır. Bu, geçerli bir CSS kodu değildir.
Bu bilgiler ışığında, bir öğenin kenar boşluğunu 10 piksel yapmak için kullanılan doğru kod margin: 10px;'dir.
Cevap C seçeneğidir.
