Border-image-outset häsiýeti

border-image-outset häsiýeti elementden daşary çägini aýyrmaga mümkinçilik berýär. Görnüşi hökmünde ölçeg birliklerini görkezmezden san ýa-da göterimlerden başga islendik ölçeg birlikleri görkezilýär. Eger birliksiz san görkezilse, onda ol köpeltmek sanydyr, border-width häsiýetiniň bahalary şol sanyň hasylydyr. Teris bahalar goldanylmaýar.

Çäginiň suratlar barada giňişleýin maglumat üçin border-image häsiýetine serediň.

Sintaksis

cssselektory {
  border-image-outset: pozitiw san;
}

Mysal . San

border-image-outset häsiýetiniň bahasyny 3 elementiň üstüne siçany getireniňizde belgiň. Şonda çäginiň ýeri 26px*3 - bu 3 esse, onuň ini border-width häsiýetinde kesgitlenenden uzakda üýtgediler:

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;
}

Результат:

Mysal . Piksel

border-image-outset häsiýetiniň bahasyny 30px elementiň üstüne siçany getireniňizde belgiň. Şonda çäginiň ýeri 30px üýtgediler:

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;
}

Результат:

Şeýle-de serediň