Свойство border-image-repeat

Свойство border-image-repeat чегаранинг ички кисми расми сифатида такрорлаш усулини белгилайди. Батафсил маълумот учун border-image свойствосига қаранг.

Синтаксис

cssселектор {
  border-image-repeat: stretch | repeat | round;
}

Қийматлар

Сунъий қиймат: stretch.

Параметрлар сони

1 ёки 2 параметрни қабул қилиши мумкин. Агар икки параметр берилган бўлса, у ҳолда биринчиси юқори ва пастки чегара учун, иккинчиси эса чап ва ўнг чегара учун ишлатилади.

Мисол . Stretch қиймати

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

css#elem {
  border-image-source: url("image.png");
  border-image-slice: 26;
  border-image-repeat: stretch;
  border-style: solid;
  border-width: 26px;
  width: 200px;
  height: 200px;
  background: green;
  margin: 0 auto;
}

Результат:

Мисол . Repeat қиймати

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

css#elem {
  border-image-source: url("image.png");
  border-image-slice: 26;
  border-image-repeat: repeat;
  border-style: solid;
  border-width: 26px;
  width: 200px;
  height: 200px;
  background: green;
  margin: 0 auto;
}

Результат:

Мисол . Round қиймати

Ҳозирги вақтда оддий ҳолатда repeat қиймати, курсорни устига олиб келганда эса round қиймати ўрнатилган. Эътиборингизга оложки, курсорни олиб келгичга қадар чегарада бутун бўлмаган ромбик сони жойлашган, курсорни олиб келгандан сўнг эса бутун сонда. round айнан шундай ишлайди:

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

css#elem:hover {
  border-image-repeat: round;
}
#elem {
  border-style: solid;
  border-width: 42px;
  border-image-source: url("image.png");
  border-image-slice: 26;
  border-image-repeat: repeat;
  width: 200px;
  height: 200px;
  background: green;
  margin: 0 auto;
}

Результат:

Мисол . Икки сўз

Эни учун repeat қиймати ва баландлик учун stretch қиймати:

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

css#elem {
  border-image-repeat: repeat stretch;
  border-image-source: url("image.png");
  border-image-slice: 26;
  border-style: solid;
  border-width: 26px;
  width: 200px;
  height: 200px;
  background: green;
  margin: 0 auto;
}

Результат:

Шунингдек қаранг