Web Geliştirme İngilizcesi · CSS ve Sayfa Düzeni

Box model ne demek?

Web geliştirmede anlamı, Türkçe karşılığı ve örnek cümleler

isimSık kullanılan terim

Box model, web geliştirmede kutu modeli anlamına gelir.

Her öğenin içerik, iç boşluk (padding), kenarlık (border) ve dış boşluktan (margin) oluşan dikdörtgen bir kutu olduğunu ve bunların birlikte öğenin boyutunu ve aralıklarını belirlediğini anlatan CSS kavramı.

English: The CSS idea that every element is a rectangular box made of content, padding, border and margin, which together decide its size and spacing.

Nerede ve nasıl kullanılır?

Genellikle boyutlar beklendiği gibi görünmediğinde gündeme gelir. Birçok proje, genişliğin padding ve border'ı da kapsaması için box-sizing: border-box ayarını kullanır. Tarayıcının geliştirici araçları seçili öğenin kutu modelini gösterir.

Örnek cümleler

  1. The card is 20 pixels wider than expected; check the box model in DevTools.

    Kart beklenenden 20 piksel daha geniş; DevTools'ta kutu modeline bak.

  2. Once you understand the box model, spacing in CSS makes much more sense.

    Kutu modelini anladığınızda CSS'teki boşluklar çok daha anlamlı hale gelir.

Sık kullanılan kalıplar

  • CSS box model
  • box-sizing
  • border-box
  • content box

Bu kelime başka alanlarda

Aynı İngilizce kelime başka bir alanda farklı bir anlama gelebilir:

Aynı konudan: CSS ve Sayfa Düzeni

Seviyene uygun okumayla pekiştir

Yeni kelimelerin kalıcı olmasının en hızlı yolu seviyene uygun metin okumaktır. Seviyene göre ücretsiz İngilizce kitaplar: