Yükseklik - CSS Hileleri | CSS Almanak 2024

CSS'deki heightözellik, kutuların içerik yüksekliğini belirtir ve uzunluk değerlerinden herhangi birini kabul eder.

"İçerik" alanı, içeriğin kapladığı yükseklik / genişlik veya boyuta ek olarak dolgu ve kenarlık olarak tanımlanır.

Gibi olumsuz değerler height: -100pxkabul edilmez. heightMülkiyet tablo sütun ve sütun grupları dahil olmak üzere yerleştirilmeyen satıriçi elemanlar için geçerli değildir.

.wrap ( height: auto; /* auto keyword */ height: 120px; /* length values */ height: 10em; height: 0; /* unit-less length is OK for zero */ height: 75%; /* percentage value */ height: inherit; /* inherited value from parent element */ )

Bu Kaleme bakın!

İçeren bloğun yüksekliği açıkça belirtilmezse ve öğe mutlak olarak konumlandırılmamışsa, yüksekliğinin değeri otomatik olarak hesaplanır (içindeki içerik kadar uzun olacak veya içerik yoksa sıfır olacaktır). Öğelerin içerik kısmı , atanan değerden sağlanandan daha fazla dikey alan gerektiriyorsa, öğelerin davranışı overflowözellik tarafından tanımlanır .

Anahtar kelimeyi kullanırken auto, heightelemanlar esas alınarak hesaplanır içerik alanı açıkça belirtilmediği sürece. Bu, yüzdeye dayalı bir değerin hala öğelerin içerik alanı olduğu anlamına gelir. Benzer şekilde, kabın yüksekliği bir yüzde değerine ayarlanırsa, bir alt öğenin yüzdesi yüksekliği yine o alt öğenin içerik alanını temel alır.

Yükseklik, canlandırılabilir bir özellik olarak da kullanılabilir.