Css ile Block ve Inline

Dostlar merhabalar, bu dersimizin konusu Css ile Block ve Inline seviyeleri. Çok basit bir konu olmasına rağmen oldukça önem taşımaktadır.

Html elementlerimiz varsayılan özellikler ile beraber gelmektedir. Bunları değiştirmek istediğimizde ise Display ile Block yada Inline olarak değiştiririz.

Bir Html elementimizin özelliğini Block seviyesi yaptığımızda width değeri verilmez ise alanı %100 kaplar.

Html elementimizi Inline yaptığımızda ise genişlik (width) ve yükselik (height) değeri alamazlar. Float left veya right değeri aldıklarında otomatik olarak block düzeyinde element olurlar.

Inline-block ise; şöyle ki genişlik ve yükseklik vereceğiniz bir kaç elemanı aynı satırda yan yana hizalamak istiyorsunuz.Bir elemana yükseklik verebilmeniz için onun blok element olması gerek, aynı satırda olmasını istiyorsanız bu defa da onun inline element olması gerek.Bu gibi durumlarda elementlerin display özelliğini inline-block vererek bu sorunu gidermiş olursunuz.

İşte bu kadar basit diğer bir dersimizde görüşmek üzere

Bir cevap yazın

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

Shares