Outline касиети

outline касиети бардык жактары үчүн бир эле учурда сырткы чектин (орун ээлебеген чектин) түсүн, түрүн жана калыңдыгын белгилейт, бирок border касиетинен айырмаланып, мындай чек элементти кеңейтпейт. Бул outline-width, outline-style жана outline-color касиеттери үчүн кыскартылган касиет болуп саналат (бирок outline-offset үчүн эмес).

Синтаксис

cssселектор {
  outline: калыңдык түр түс;
}

Касиеттердин иреттери мааниге ээ эмес.

Мисал . Тек outline гана

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

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

Результат:

Мисал . Outline жана border касиеттери бирге

outline тарабынан коюлган чек сыртында болот, ал эми border тарабынан коюлган чек ичинде:

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

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

Результат:

Ошондой эле караңыз