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

cssseçici {
  outline: kalınlık stil renk;
}

Özelliklerin sırası önemli değildir.

Örnek . Sadece outline

html<div id="elem"></div>

css#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:

html<div id="elem"></div>

css#elem {
  outline: 4px solid green;
  border: 4px solid red;
  width: 300px;
  height: 100px;
}

Результат:

Ayrıca Bakınız