Outline rangi

CSS kontur rangi

outline-color xossasi outline rangini belgilash uchun ishlatiladi.

Ranni quyidagicha belgilash mumkin:

nom - rang nomini ko‘rsating, masalan, "red"
HEX - hex qiymatini ko‘rsating, masalan, "#ff0000"
RGB - RGB qiymatini ko‘rsating, masalan, "rgb(255,0,0)"
HSL - HSL qiymatini ko‘rsating, masalan, "hsl(0, 100%, 50%)"
invert — rang inversiyasini bajaradi (bu outline fon rangidan qat’i nazar ko‘rinib turishini ta’minlaydi)

CSS Outline Color misollari

Bu yerda turli ranglardagi ba’zi outline’lar ko‘rsatilgan. Shuningdek, bu elementlarda outline ichida yupqa qora chegara ham borligiga e’tibor bering:

Yaxlit qizil kontur.

Nuqtali ko‘k kontur.

Bo‘rtib chiqqan (outset) yashil kontur.

Yaxlit, invert rangli kontur.

Misol

Turli kontur ranglarining namoyishi:

p {
border: 1px solid black;
padding: 5px;
}

p.ex1 {
outline-style: solid;
outline-color: red;
}

p.ex2 {
outline-style: dotted;
outline-color: blue;
}

p.ex3 {
outline-style: outset;
outline-color: green;
}

p.ex4 {
outline-style: solid;
outline-color: invert;
}

O‘zingiz sinab ko‘ring »