CSS Outline

Outline — bu elementning chegara (border) tashqarisida chizilgan chiziq.

CSS Outline

Outline — bu elementlarni "ajratib turish" uchun, chegara tashqarisida chizilgan chiziq.

CSSda quyidagi outline xususiyatlari mavjud:

• outline-style
• outline-color
• outline-width
• outline-offset
• outline

CSS Outline Style

outline-style xususiyati outline uslubini belgilaydi va quyidagi qiymatlardan birini olishi mumkin:

• dotted — nuqtali outline
• dashed — chiziqli outline
• solid — qattiq outline
• double — ikki qatorli outline
• groove — 3D chuqurlikdagi outline
• ridge — 3D toshli outline
• inset — 3D ichkarida outline
• outset — 3D tashqarida outline
• none — outline yo'q
• hidden — yashirin outline

Quyidagi misol outline-style qiymatlarini ko'rsatadi:

Misol Turli outline uslublarini ko'rsatish:

<p class="dotted">Nuqtali outline.</p>
<p class="dashed">Chiziqli outline.</p>
<p class="solid">Qattiq outline.</p>
<p class="double">Ikki qatorli outline.</p>
<p class="groove">Chuqurlikdagi outline. Effekt `outline-color` qiymatiga bog'liq.</p>
<p class="ridge">Toshli outline. Effekt `outline-color` qiymatiga bog'liq.</p>
<p class="inset">Ichkarida outline. Effekt `outline-color` qiymatiga bog'liq.</p>
<p class="outset">Tashqarida outline. Effekt `outline-color` qiymatiga bog'liq.</p>

Natija:

• Nuqtali outline.
• Chiziqli outline.
• Qattiq outline.
• Ikki qatorli outline.
• Chuqurlikdagi outline. Effekt outline-color qiymatiga bog'liq.
• Toshli outline. Effekt outline-color qiymatiga bog'liq.
• Ichkarida outline. Effekt outline-color qiymatiga bog'liq.
• Tashqarida outline. Effekt outline-color qiymatiga bog'liq.