CSS anahat genişliği Özellik
Örnek
Bir anahat genişliğini ayarlayın:
div {outline-width: thick;}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Anahat, öğeyi "ön plana çıkarmak" için sınırların dışında öğelerin etrafına çizilen bir çizgidir.
Bir outline-width
anahattın genişliğini belirtir.
Not: Anahat stili özelliğini her zaman özellikten önce
outline-width
bildirin. Bir öğenin genişliğini değiştirmeden önce bir anahattı olmalıdır.
Varsayılan değer: | orta |
---|---|
Miras: | Hayır |
canlandırılabilir: | evet, bireysel özelliklere bakın . Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS2 |
JavaScript sözdizimi: | nesne .style.outlineWidth="12px" |
İpuçları ve Notlar
Not: Ana hatlar sınırlardan farklıdır ! Kenarlığın aksine, anahat öğenin sınırının dışına çizilir ve diğer içerikle çakışabilir. Ayrıca ana hat, öğenin boyutlarının bir parçası DEĞİLDİR; öğenin toplam genişliği ve yüksekliği, anahattın genişliğinden etkilenmez.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS Sözdizimi
outline-width: medium|thin|thick|length|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
medium | Specifies a medium outline. This is default | |
thin | Specifies a thin outline | |
thick | Specifies a thick outline | |
length | Allows you to define the thickness of the outline. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Daha fazla örnek
Örnek
Anahat genişliğini orta olarak ayarlayın (bu varsayılandır):
div {outline-width: medium;}
Örnek
Anahat genişliğini ince olarak ayarlayın:
div {outline-width: thin;}
Örnek
Anahat genişliğini 1 piksel olarak ayarlayın:
div {outline-width: 1px;}
Örnek
Anahat genişliğini 15 piksele ayarlayın:
div {outline-width: 15px;}
İlgili Sayfalar
CSS eğitimi: CSS Anahattı
CSS referansı: anahat özelliği
HTML DOM referansı: anahatWidth özelliği