CSS anahattı Özellik
Örnek
Bir <h2> öğesi ve bir <div> öğesi etrafında bir anahat ayarlayın:
h2 {
outline: 5px dotted green;
}
div.a {
outline: 2px dashed blue;
}
Tanım ve Kullanım
Anahat, öğeyi "ön plana çıkarmak" için sınırların dışında öğelerin etrafına çizilen bir çizgidir.
Özellik outline
, aşağıdakiler için kestirme bir özelliktir:
- anahat genişliği
- anahat stili (gerekli)
- anahat rengi
Anahat rengi atlanırsa, uygulanan renk metnin rengi olacaktır.
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.
Varsayılan değer: | orta ters renk |
---|---|
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.outline="#0000FF noktalı 5 piksel" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
outline | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS Sözdizimi
outline: outline-width outline-style outline-color|initial|inherit;
Mülk değerleri
Value | Description |
---|---|
outline-width | Specifies the width of outline |
outline-style | Specifies the style of the outline |
outline-color | Specifies the color of the outline |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
İlgili Sayfalar
CSS eğitimi: CSS Anahattı
HTML DOM referansı: anahat özelliği