Style width özelliği

Tanım ve Kullanım

özelliği ile ayarlanabilir veya döndürülebilir. Özellik, genellikle blok elementleri veya absolute veya fixed konumlandırma olan elementler için geçerlidir. Yıkanan içerik

özelliği ile ayarlanabilir veya döndürülebilir. width Bu özellik yalnızca blok elementleri veya absolute veya fixed konumlandırma olan elementler için geçerlidir. Yıkanan içerik Overflow özelliği

Bu şekilde işlemek için kullanın.İpucu: Height özelliği Elementin yüksekliğini ayarlamak veya döndürmek için kullanın.

Daha fazla bilgi için:

CSS Eğitimi:CSS Ölçü

CSS Eğitimi:CSS çerçeve modeli

CSS Referans Kılavuzu:Width özelliği

Örnek

Örnek 1

<button> elementinin genişliğini ayarla:

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

Kişisel olarak deneyin

Örnek 2

<div> elementinin genişliğini değiştir:

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

Kişisel olarak deneyin

Örnek 3

<img> elementinin yüksekliğini ve genişliğini değiştir:

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

Kişisel olarak deneyin

Örnek 4

<img> elementinin genişliğini döndür:

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

Kişisel olarak deneyin

Gramer

Width özelliğini döndür:

object.style.width

Width özelliğini ayarla:

object.style.width = "auto|length|%|initial|inherit"

Özellik değeri

Değer Açıklama
auto Tarayıcı genişliği ayarlar. Varsayılan.
length Genişliği uzunluk birimi ile tanımlar.
% Ebeveyn elemanın genişliğini yüzde olarak tanımlar.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit Bu özelliği ebeveyn elemanından miras alır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer: auto
Dönüş değeri: Dizge, elemanın genişliğini ifade eder.
CSS sürümü: CSS1

Tarayıcı destekler

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek