Css Border-Box Nedir? Box-Sizing Nedir?

0 oy
1,345 Görünüm
6, Nisan, 2015 Css kategorisinde Mega Zeka (730 puan) tarafından soruldu
Merhaba Css'te Hep Görüyorum Border-box Diye Bir Özellik Tam Olarak Ne İşe Yaramakta? Genelde box-sizing: border-box olarak geliyor önüme, bilen var mı box-sizing özelliğini?
Paylaş

1 cevap

+2 oy
17, Nisan, 2015 KOD-KARTAL (8,691 puan) tarafından cevaplandı
18, Nisan, 2015 Mega Zeka tarafından seçilmiş
 
En İyi Cevap

Merhaba Normalde Kutu Düşünün Html'de Ve Buna Css'te 200 Px Uzunluk Verin :)

Peki Şimdi Biz Buna Sağlı Sollu, 20px Padding (İç Uzaklık) Belirttik.. Şimdi 20+20=40px Yaptı.

 

Güzel :) 

Şimdi Bir Soru:  Bu Kutu 240 Pixel mi Oldu?  Yoksa Hala 200pixel mi?

Normalde  Kutunun Genişliğine Etki Eden Değerler Belirtirseniz Mesela Padding ve Margin Gibi Bunlar, Kutunun Olan Boyutunun Üstüne Eklenir, Ama Eğer Diyorsanız Ben Ne Belirtiyorsam O Olsun Bunun İçin Bir Css Özelliği Mevcut Bu da Box-Sizing: 

 


 

Bu Özellikte Css Standartı=  box-sizing: content-box; Yani Padding Genişliğe Eklenir (200px + 40px padding) Gibi..

Burada Eğer Taşma Olmasını İstemiyor İseniz=   box-sizing: border-box;   Bu Şekilde Genişlik Her Zaman 200px Olacak

 

18, Nisan, 2015 Mega Zeka (730 puan) tarafından yorumlandı
Teşekkürler..
Bu Hafta En Aktif Üyeler
    ...