CSS anahat rengi Özellik
Örnek
Anahat için bir renk belirleyin:
div {outline-color: coral;}
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.
Özellik outline-color, bir anahattın rengini belirtir.
Not: Anahat stili özelliğini her zaman özellikten önce
outline-colorbildirin. Bir öğenin rengini değiştirmeden önce bir anahattı olmalıdır.
| Varsayılan değer: | destekleniyorsa ters çevir, aksi takdirde geçerli 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.outlineColor="#FF0000" |
İ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-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Not: Değer invert, Internet Explorer 8 dışında hiçbir tarayıcıda desteklenmez.
CSS Sözdizimi
outline-color: invert|color|initial|inherit;
Mülk değerleri
| Value | Description | Play it |
|---|---|---|
| invert | Performs a color inversion. This ensures that the outline is visible, regardless of color background. Note: Browsers are not required to support this value. | |
| color | Specifies the color of the outline. Look at CSS Color Values for a complete list of possible color values. | |
| 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 için HEX değerine sahip bir renk belirleyin:
div {outline-color: #92a8d1;}
Örnek
Anahat için bir RGB değeri olan bir renk belirleyin:
div {outline-color: rgb(201, 76, 76);}
Örnek
Anahat için bir RGBA değeri olan bir renk ayarlayın:
div {outline-color: rgba(201, 76, 76, 0.3);}
Örnek
HSL değerine sahip anahat için bir renk ayarlayın:
div {outline-color: hsl(89, 43%, 51%);}
Örnek
HSLA değerine sahip anahat için bir renk ayarlayın:
div {outline-color: hsla(89, 43%, 51%, 0.3);}
İlgili Sayfalar
CSS eğitimi: CSS Anahattı
CSS referansı: anahat özelliği
HTML DOM referansı: anahatColor özelliği