Outline qisqa yozuvi
CSS kontur — qisqartma xossasi
outline xossasi quyidagi alohida outline xossalarini belgilash uchun qisqartma xossadir:
-
outline-width -
outline-style(required) -
outline-color
Yuqoridagi ro‘yxatdan bir, ikki yoki uchta qiymat belgilashingiz mumkin. Qiymatlar tartibi ahamiyatsiz.
CSS Outline Shorthand misollari
Bu yerda qisqartma outline xossasi bilan belgilangan ba’zi turli outline'lar ko‘rsatilgan:
Shtrixli kontur.
Nuqtali qizil kontur.
7px qalinlikdagi yaxlit sariq kontur.
Qalin, qirrali (ridge) pushti kontur.
Misol
outline qisqartma xossasining ko‘rsatmasi:
p.ex1
{outline: dashed;}
p.ex2
{outline: dotted red;}
p.ex3
{outline: 7px solid yellow;}
p.ex4
{outline: thick ridge pink;}
O‘zingiz sinab ko‘ring »
Yumaloq burchakli CSS outline
Konturlar yumaloq burchaklarga ham ega bo‘lishi mumkin.
border-radius xossasi elementga yumaloq chegaralar qo‘shish uchun ishlatiladi.
Bu yerda yumaloq burchakli ba’zi turli outline’lar ko‘rsatilgan:
Shtrixli kontur.
Nuqtali qizil kontur.
7px qalinlikdagi yaxlit sariq kontur.
Qalin, qirrali (ridge) pushti kontur.
Misol
p.ex1 {
outline: dashed;
border-radius: 8px;
}
p.ex2 {
outline: dotted red;
border-radius: 5px;
}
p.ex3 {
outline: 7px solid yellow;
border-radius: 5px;
}
p.ex4 {
outline: thick ridge pink;
border-radius: 8px;
}
p.ex5 {
outline:
thick solid green;
border-radius: 10px;
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!