css-yukseklik-uzunluk

Yükseklik ve genişliği ayarlama
Özellikleri height ve width özellikleri, bir öğenin yüksekliğini ve genişliğini ayarlamak için kullanılır.
height Ve width (bu. Varsayılan tarayıcı yüksekliğini ve genişliğini hesaplar araçlar) otomatik olarak ayarlanabilir ya da belirtilebilir uzunluk değerleri içeren bloğun vb px, cm gibi, ya da yüzde olarak (%).

Bu öğenin yüksekliği 200 pikseldir ve genişliği% 50'dir
div {
height: 200px;
width: 50%;
background-color: powderblue;
}
Bu öğe, 100 piksel yüksekliğine ve 500 piksel genişliğe sahiptir.
div {
height: 100px;
width: 500px;
background-color: powderblue;
}
Not: height ve width özellikleri kenar çizgileri, ya marjları içermez; dolgu, kenarlık ve elemanın kenar boşluğunun içindeki alanın yüksekliğini / genişliğini ayarlarlar!

Maksimum genişliği ayarlama
max-width Özelliği, bir elemanın maksimum genişliğini ayarlamak için kullanılır.
İpucu: İki div arasındaki farkı görmek için tarayıcı penceresini 500 pikselden daha küçük bir değere sürükleyin!

Bu öğenin yüksekliği 100 pikseldir ve maksimum genişliği 500 pikseltir.
div {
max-width: 500px;
height: 100px;
background-color: powderblue;
}
Not: max-width Mülkün değeri geçersiz kılınır width.

height Bir öğenin yüksekliğini ayarlar
width Bir öğenin genişliğini ayarlar
max-height Bir öğenin maksimum yüksekliğini ayarlar.
max-width Bir öğenin maksimum genişliğini ayarlar
min-height Bir öğenin minimum yüksekliğini ayarlar
min-width Bir öğenin minimum genişliğini ayarlar