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

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

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

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:

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

Həmçinin bax

border-image xassəsi,
sərhəd şəkli üçün qısa yazılışdır
border-image-source xassəsi,
sərhəd üçün şəklin yolunu təyin edir
border-image-slice xassəsi,
sərhəd üçün şəklin bölünməsini təyin edir
border-image-repeat xassəsi,
sərhəd üçün şəklin təkrarını təyin edir
border-image-width xassəsi,
sərhəd üçün şəklin ölçüsünü təyin edir