En son web geliştirme öğreticiler
 

Style width Property

<Stil Nesne

Örnek

Bir genişliğini ayarlamak <button> elemanı:

document.getElementById("myBtn").style.width = "300px";
Kendin dene "

Tanımı ve Kullanımı

genişlik özelliği ayarlar veya genişlik öğe döndürür.

genişlik özelliği blok düzeyi elemanlarında veya mutlak veya sabit bir konumda olan elemanları üzerinde bir etkiye sahiptir. Taşan içerik taşma özelliği ile manipüle edilebilir.

İpucu: kullan yüksekliği ayarlamak veya öğenin yüksekliğinin dönmek için özellik.


Tarayıcı Desteği

Internet ExplorerFirefoxOperaGoogle ChromeSafari

genişlik özelliği tüm büyük tarayıcılarda desteklenir.


Sözdizimi

width özelliğini Dönüş:

object .style.width

genişlik ayarlama özelliği:

object .style.width="auto| Mülkiyet Değerler
değer Açıklama
auto tarayıcı genişliğini ayarlar. Bu varsayılan
length uzunluk birimi olarak genişliğini tanımlar
% ana elemanın% genişliğini tanımlar
initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun
inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku

Teknik detaylar

Varsayılan değer: Oto
Geri dönüş değeri: Bir elemanın genişliğini temsil eden bir String,
CSS Sürüm BB1

Diğer Örnekler

Örnek

Bir genişliğini değiştirme <div> elemanı:

document.getElementById("myDIV").style.width = "500px";
Kendin dene "

Örnek

Yüksekliği ve genişliğini değiştirme <img> elemanı:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Kendin dene "

Örnek

Bir genişliğini Dönüş <img> elemanı:

alert(document.getElementById("myImg").style.width);
Kendin dene "

İlgili Sayfalar

CSS öğretici: CSS Boyut

CSS öğretici: CSS Kutu modeli

CSS referans: width property


<Stil Nesne