Mafunzo ya kina ya kifungu katika CSS
Mafunzo ya kina ya kifungu katika CSS
Mifano ni nje ya kifungu cha kina, kwenye eneo la kina, iliyotengwa kwa kumfanya kina kina kina.
CSS ina mifano ya kina yafuatavyo:
outline-styleoutline-coloroutline-widthoutline-offsetoutline
Tahadhari:Mifano naKifunguTofauti! Tofauti inaonyesha kwamba mifano huitwa kwenye eneo la kifungu cha kina, na inaweza kuwa na mifano ya mengine. Kwa hiyo, mifano yanaona pia hufanana na eneo la kina; ukubwa wa kina haujapotea kwa kiyiko cha mifano.
Mifano ya muundo wa CSS wa mifano
Mfano wa outline-style inaeleza muundo wa mifano, na inaweza kuwa na values zifuatavyo:
dotted- Kichwa cha mifano ya kina ya vipimo.dashed- Kichwa cha mifano ya kina ya kina.solid- Kichwa cha mifano ya kina ya msingi.double- Kichwa cha mifano ya kina ya kifupi.groove- Kichwa cha mifano ya kina ya 3D.ridge- Kichwa cha mifano ya kina ya 3D.inset- Kichwa cha mifano ya kina ya 3D.outset- Kichwa cha mifano ya kina ya 3D.none- Kichwa cha mifano yaliyotengwa.hidden- Kichwa cha muundo wa mifano yaliyotengwa.
Mifano hii inaeonyesha mifano ya values ya outline-style:
Mifano
Tukioza kina za mifano ya muundo:
p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;}
Matokeo:
Outline ya nyoka.
Outline ya hali ya mabara.
Outline ya kina.
Outline ya mbili ya mabara.
Outline ya kina 3D. Hii inatokea kwa value ya outline-color.
Outline ya kina 3D. Hii inatokea kwa value ya outline-color.
Outline ya kina 3D. Hii inatokea kwa value ya outline-color.
Outline ya kina 3D. Hii inatokea kwa value ya outline-color.
Tahadhari:Inaingia kama inastahili outline-style Inayotaka kwamba ujaribu kwa kufikia matumizi yote ya outline, yaani matumizi ya outline yote (ya kweli inayotumika katika kitabu cha kina) hayafikii kazi!
