Border-image-outset xassəsi

border-image-outset xassəsi sərhədi elementin hüdudlarından kənara çıxarmağa imkan verir. Dəyər kimi ölçü vahidleri göstərilmədən bir rəqəm və ya faizlər istisna olmaqla, hər hansı ölçü vahidləri göstərilə bilər. Əgər ölçü vahidisiz bir rəqəm göstərilibsə, o zaman bu, border-width xassəsinin dəyərlərinin vurulduğu əmsaldır. Mənfi dəyərlər dəstəklənmir.

Sərhəd üçün şəkillər haqqında daha ətraflı məlumat üçün border-image xassəsinə baxın.

Sintaksis

cssselektor {
  border-image-outset: müsbət rəqəm;
}

Nümunə . Rəqəm

Elementin üzərinə siçan gətirildikdə border-image-outset dəyərini 3 təyin edək. Bu zaman sərhəd 26px*3 məsafəyə - border-width ilə təyin olunmuş enindən 3 dəfə uzağa doğru yerdəyişəcək:

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

Результат:

Nümunə . Piksel

Elementin üzərinə siçan gətirildikdə border-image-outset dəyərini 30px təyin edək. Bu zaman sərhəd 30px məsafəyə yerdəyişəcək:

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

Результат:

Həmçinin bax