İştah kabartan bir css3 özelliği ile karşınızdayım.

Heryerde belirtmişimdir teorik bilgiyi sevmiyorum diye. Bu ön yargım beni çok gerilere götürdü, daha uzun kodlar yazmak zorunda kalıyorum. O yüzden  teorik bilgiye önem vermek gerekiyor bunu tekrar tekrar anlıyorum.

box-sizing özelliği nedir ?

Html bir objenin genişlik değerine border, padding değerlerini dahil etmek için kullanılır. (Esnek bir yapı oluşturmak için vazgeçilmez bir özellik.)

border-box

box-sizing aldığı değerler

  1. content-box : Genişlik değerine, padding ve border değerlerini katmaz bildiğimiz düz mantık ve standart.
  2. border-box : Genişlik değerine padding ve border değerlerini katar.

Tarayıcılar

İnternet Explorer 8 ve üzeri dersem yeterli olur.

Örnek :

 

Ön  İzleme

codepen : http://cdpn.io/nKxda
Aycan.net Ftp : http://calismalar.aycan.net/css3/box-sizing.html

 

Kaynaklar :

Yorum Gönderin

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir