Kipengele cha border-image-outset
Kipengele border-image-outset huruhusu
kusogeza mpaka uwe nje ya kipengele. Thamani inabainisha
nambari bila kubainisha vitengo
vyo kupimia au vitengo
vyo ukubwa, isipokuwa asilimia. Ikiwa imebainishwa
nambari bila vitengo, basi ni kizidisho,
ambacho huzidishwa na thamani za kipengele border-width.
Thamani hasi hazitumiki.
Kwa habari za kina kuhusu picha
za mpaka angalia kipengele border-image.
Syntaxi
kichaguli {
border-image-outset: nambari chanya;
}
Mfano . Nambari
Weka thamani ya border-image-outset
kuwa 3 unapoelea kipengele na kifaa cha kusokota.
Hapo mpaka utasogea hadi 26px*3 -
mara 3 mbali zaidi kuliko upana wake, uliowekwa
katika border-width:
<div id="elem"></div>
#elem:hover {
border-image-outset: 3;
}
#elem {
border-image-repeat: repeat;
border-image-source: url("image.png");
border-image-slice: 26;
border-style: solid;
border-width: 26px;
width: 200px;
height: 200px;
background: green;
margin: 100px auto;
}
:
Mfano . Pikseli
Weka thamani ya border-image-outset
kuwa 30px unapoelea kipengele na kifaa cha kusokota.
Hapo mpaka utasogea hadi 30px:
<div id="elem"></div>
#elem:hover {
border-image-outset: 30px;
}
#elem {
border-image-repeat: repeat;
border-image-source: url("image.png");
border-image-slice: 26;
border-style: solid;
border-width: 26px;
width: 200px;
height: 200px;
background: green;
margin: 50px auto;
}
:
Angalia pia
-
kipengele
border-image,
ambacho ni kifupi cha mpaka-kuwa-picha -
kipengele
border-image-source,
ambacho huweka anwani ya picha ya mpaka -
kipengele
border-image-slice,
ambacho mgawanyiko wa picha ya mpaka -
kipengele
border-image-repeat,
ambacho kurudia picha ya mpaka -
kipengele
border-image-width,
ambacho huweka ukubwa wa picha ya mpaka