Outline häsiýeti

outline häsiýeti ähli tarap üçin bir wagtda daşarky çägiň (reňkini, görnüşini we galyňlygyny) kesgitleýär, ýöne border häsiýetinden tapawutly olarak, bu çäk element giňeltmeýär. outline-width, outline-style we outline-color üçin gysgaça ýazgy häsiýetidir (ýöne outline-offset üçin däl).

Sintaksis

csssüzüji {
  outline: galyňlyk görnüş reňk;
}

Görnüşleriň tertibiniň ähmiýeti ýok.

Mysal . Diňe outline

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

css#elem {
  outline: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Mysal . Outline we border häsiýetleri bilelikde

outline-dan gelen çäk daşarda, border-dan gelen çäk bolsa içerde bolar:

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

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

Результат:

Şeýle hem görüň