Contoh
Mengatur tinggi dan lebar dari <p> elemen:
p.ex
{
height: 100px;
width: 100px;
}
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Properti lebar set lebar elemen.
Note: Properti lebar tidak termasuk padding, perbatasan, atau margin; set lebar area di dalam padding, border, dan margin elemen!
Note: The min-width dan max-width properti menimpa lebar.
| nilai default: | auto |
|---|---|
| mewarisi: | no |
| animatable: | yes. Read about animatable Try it |
| Versi: | CSS1 |
| sintaks JavaScript: | object .style.width="500px" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Syntax
width: auto|value|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| auto | nilai default. Browser menghitung lebar | Mainkan " |
| length | Mendefinisikan lebar di px, cm, dll | Mainkan " |
| % | Mendefinisikan lebar di persen dari blok yang mengandung | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Contoh lebih
Contoh
Mengatur lebar dari <img> elemen menggunakan nilai persen:
img {
width: 50%;
} Cobalah sendiri " Contoh
Mengatur lebar dari <input type = "text"> elemen 100px. Namun, ketika mendapat fokus, membuatnya 250px lebar:
input[type=text] {
width: 100px;
}
input[type=text]:focus {
width: 250px;
} Cobalah sendiri " Pages terkait
CSS tutorial: CSS Dimensi
CSS tutorial: CSS Box Model
Referensi CSS: height property
Referensi HTML DOM: width property