CSS Outline Width (Anahat Genişliği)
Outline-width özelliği, anahattın genişliğini belirtir ve aşağıdaki değerlerden birine sahip olabilir: Aşağıdaki örnekte farklı genişliklere sahip bazı ana hatlar gösterilmektedir:
CSS Outline (Anahat)
Anahat, öğenin sınırının dışına çizilen bir çizgidir. CSS Outline Anahat, öğenin “öne çıkmasını” sağlamak için öğelerin etrafına, sınırların DIŞINA çizilen bir çizgidir. CSS aşağıdaki anahat özelliklerine sahiptir: Not: Anahat kenarlıklardan farklıdır! Kenarlığın aksine, ana hat öğenin kenarlığının dışına çizilir ve diğer içerikle örtüşebilir. Ayrıca dış hat, öğenin boyutlarının bir parçası DEĞİLDİR; öğenin toplam genişliği ve…
CSS Box Model
Tüm HTML öğeleri kutular olarak düşünülebilir. CSS’de tasarım ve düzenden bahsederken “kutu modeli” yani “Box Model” terimi kullanılır. CSS kutu modeli aslında her HTML öğesinin etrafını saran bir kutudur. Şunlardan oluşur: kenar boşlukları, kenarlıklar, dolgu ve gerçek içerik. Aşağıdaki resim kutu modelini göstermektedir: Yukarıdaki örneğin açıklaması da aşağıdaki gibidir. İçerik – Metin ve resimlerin göründüğü…
CSS Height, Width (Yükseklik, Genişlik)
CSS height ve width (yükseklik ve genişlik) özellikleri, bir öğenin yüksekliğini ve genişliğini ayarlamak için kullanılır. CSS max-width özelliği, bir öğenin maksimum genişliğini ayarlamak için kullanılır. CSS Yükseklik ve Genişlik Ayarları Height ve width özellikleri, bir öğenin yüksekliğini ve genişliğini ayarlamak için kullanılır. Yükseklik ve genişlik özelliklerine dolgu, kenarlıklar veya kenar boşlukları dahil değildir. Elemanın…
CSS Padding
padding yani dolgu, bir öğenin içeriğinin etrafında, tanımlanmış sınırların içinde boşluk oluşturmak için kullanılır. CSS padding özellikleri, bir öğenin içeriğinin etrafında, tanımlanmış herhangi bir kenarlığın içinde boşluk oluşturmak için kullanılır. CSS ile padding üzerinde tam kontrol sağlamak mümkündür. Bir öğenin her bir tarafı için (üst, sağ, alt ve sol) dolguyu ayarlamak mümkündür. CSS, bir öğenin…
CSS Margin Daraltma
Bazen iki kenar boşluğu tek bir kenar boşluğuyla kesişir. Öğelerin üst ve alt kenar boşlukları bazen iki kenar boşluğundan en büyüğüne eşit olan tek bir kenar boşluğuna daraltılır. Bu sol ve sağ kenar boşluklarında olmaz. Yalnızca üst ve alt kenar boşlukları bundan etkilenir Aşağıdaki örneğe bakalım; Yukarıdaki örnekte <h1> öğesinin alt kenar boşluğu 50 pikseldir…