Örnek
Yükseklik ve genişlik ayarlama <p> elemanının:
p.ex
{
height: 100px;
width: 100px;
}
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
genişlik özelliği, bir elemanın genişliğini belirtir.
Note: genişlik özelliği kenar çizgileri ya da kenar içermez; o elemanın dolgu, sınırları içindeki alanın genişliğini ve marjını ayarlar!
Note: dk genişliği ve maksimum genişlik özellikler arasında enine geçersiz kılar.
| Varsayılan değer: | auto |
|---|---|
| Miras: | no |
| canlandırılabilir: | yes. Read about animatable Try it |
| Versiyon: | CSS1 |
| JavaScript sözdizimi: | object .style.width="500px" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS sözdizimi
width: auto| Mülkiyet Değerler değer Açıklama Oynat auto Varsayılan değer. Tarayıcı genişliğini hesaplar Oynat " length piksel genişliği tanımlar, cm, vb Oynat " % ihtiva eden bir bloğun yüzdesi olarak genişliğini tanımlar Oynat " initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun Oynat " inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Diğer Örnekler
Örnek
Bir genişliğini ayarlamak <img> yüzde değeri kullanarak elemanının:
img {
width: 50%;
} Kendin dene " Örnek
100 piksel için bir <giriş türü = "metin"> elemanının genişliği ayarlayın. o odağı aldığında Ancak, 250px genişliğinde olun:
input[type=text] {
width: 100px;
}
input[type=text]:focus {
width: 250px;
} Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Boyut
CSS öğretici: CSS Kutu modeli
CSS referansı: height property
HTML DOM referans: width property