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

csskichaguli {
  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:

html<div id="elem"></div>

css#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:

html<div id="elem"></div>

css#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