Własność CSS outline

Własność CSS outline to zbiorcza własność CSS służąca do ustawiania szerokości, stylu i koloru linii obrysu elementu. Obejmuje następujące własności indywidualne:

• outline-color – kolor obrysu
• outline-style – styl obrysu
• outline-width – szerokość obrysu

Przykład

W poniższym przykładzie element sectionbędzie miał jako obrys różową linię ciągłą o szerokości 5 pikseli.

<style>
section {
  outline: 5px solid lightpink;
}
</style><section>Lorem ipsum dolor sit amet.</section>

Efekt:

Wartości i składnia

Własność outline przyjmuje trzy wartości odpowiadające jej własnościom składowym. Ich kolejność jest dowolna, tzn. wszystkie trzy poniższe przykłady są prawidłowe i równoznaczne:

outline: 2px groove red;
outline: red groove 2px;
outline: groove red 2px;

Jeśli którakolwiek z wartości zostanie pominięta, automatycznie nadawana jest jej wartość początkowa.

Zastosowanie

Własność outline ma zastosowanie do wszystkich elementów HTML.

Podsumowanie