4 beğenilme 0 beğenilmeme
62 gösterim
Merhaba ,

Html sayfamda bir div oluşturduğumda kutu gibi yer kaplıyor ben bunu satır içi olarak nasıl yapabilirim ?
14 Temmuz 2017 Css kategorisinde esmadenizkirişçi Senior Developer (1,010 puan) paylaştı | 62 gösterim

1 cevap

0 beğenilme 0 beğenilmeme
En İyi Cevap

CSS Block (Kutu) ve Inline (Satıriçi) İfadeler

Bir HTML elementi kutu yapısında olabilir.

Bu durumda sayfada bulabildiği tüm genişliği kullanan bir kare alan kaplayacaktır. DIV, P, H1 elementleri bu tarz elementlerdir.

Bazı elementler ise satır içinde sadece başladığı ve bittiği yere kadar alan kaplar.

Bunlarsa satıriçi (inline) elementlerdir.

Bir Elementin Kutu Ya Da Satır İçi Olmasını Sağlamak

Element stiline display'ı kullanarak ekleyeceğimiz şu özellikler HTML elementinin kutu mu yoksa satır parçası mı olacağını belirtmemizi ve değiştirmemizi sağlar:

  • display: block; - Element kutu şeklinde alan kaplayacaktır. Kullanıldığı anda yeni bir satırdan başlar.
  • display: inline; - Element satır içinde yer alacaktır. Kullanıldığı satırda devam edecektir.

Element özelliklerini değiştirmekle ilgili iki örnek verelim.

İlk örneğimizde aslında BLOCK (kutu) tarzı olan LI elementini satır içi ifadeye dönüştürüyoruz:

.kutu {

      li { display: inline; }

      span { display: block; }

   }


Yukarıdaki ikinci örnekte ise aslında satır içi özelliğe sahip SPAN elementi BLOCK (kutu) yapısına dönüştürülmüştür.

14 Temmuz 2017 serhat.öcal Uzman Coder (13,360 puan) cevapladı
uzmancoder.com'a Hoşgeldiniz. Sitemiz 24.06.2017 tarihinde kurulan bir soru-cevap platformudur.

Siz de aklınıza takılan soruları sorabilir veya diğer sorulara cevaplar yazabilirsiniz.

BU AY EN AKTİF ÜYELER


  1. nacar

    + 2/140 Puan



  2. behruz

    + 1/120 Puan



  3. Beleşci12

    + 1/100 Puan


100 soru

85 cevap

26 yorum

309 üye

×

Bizi Takip Edin!

Bumerang - Yazarkafe

comodo ssl




100 soru
85 cevap
26 yorum
309 üye