CSS width özelliği

tanım ve kullanım

width özelliği, element genişliğini ayarlar.

Bu özellik, element içeriği alanının genişliğini tanımlar; içerik alanı dışında iç boşluk, kenarlık ve marjin artırılabilir.

satır içi değiştirici olmayan elementler bu özelliği göz ardı eder.

CSS referans el kitabı:height özelliği

HTML DOM referans el kitabı:width özelliği

Paragrafın yüksekliğini ve genişliğini ayarlayın:

p
  {
  height:100px;
  width:100px;
  }

width: auto|değer|initial|inherit;

değer	tanım
oto	varsayılan değer. Tarayıcı gerçek genişliği hesaplayabilir.
uzunluk	genişliği px, cm gibi birimlerle tanımlayın.
%	İçerik bloğu (ebeveyn element) genişliğine dayalı yüzdelik genişlik belirtilmelidir.
inherit	width özelliğinin değeri, ebeveyn elementten alınmalıdır.

Element genişliğini piksel değerlerle ayarlama: Bu örnek, element genişliğini piksel değerlerle nasıl ayarlanacağını gösterir.
Element genişliğini yüzdelik değerlerle ayarlama: Bu örnek, element genişliğini yüzdelik değerlerle nasıl ayarlanacağını gösterir.

tablo içindeki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	4.0	1.0	1.0	3.5