Outline Özelliği
outline özelliği, tüm kenarlar için aynı anda dış çerçeve (yer kaplamayan kenarlık) için renk, stil ve kalınlık belirler, ancak border'tan farklı olarak bu kenarlık öğeyi genişletmez.
outline-width,
outline-style
ve outline-color
(için bir kısaltma özelliğidir (ancak outline-offset için değil).
Sözdizimi
seçici {
outline: kalınlık stil renk;
}
Özelliklerin sırası önemli değildir.
Örnek . Sadece outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Örnek . Outline ve border özellikleri birlikte
outline'dan gelen kenarlık dışarıda, border'dan gelen kenarlık ise içeride olacaktır:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Ayrıca Bakınız
-
çerçeve ofsetini belirleyen
outline-offsetözelliği
