Хосияти border-image-slice

Хосияти border-image-slice ба браузер нишон медиҳад, ки кадом қисмҳои тасвир барои гӯшаҳо, ва кадомҳо барои тарафҳо мераванд (ва кадом қисм марказӣ хоҳад буд). Ба гӯшаҳо 4 қисм мераванд, ба тарафҳо 4 қисм меравад ва як қисм (марказӣ) ба заминаи элемент меравад (ихтиёрӣ, калимаи калидӣ fill).

Барои маълумоти муфассалтар хосияти border-image-ро бубинед.

Синтаксис

<+css+> интихобкунанда { border-image-slice: аз 1-ум то 4-уми рақам | аз 1-ум то 4-уми фоиз; } <-css->

Бо рақамҳо ва фоизҳо ба воситаи фосила метавонад калимаи калидӣ fill истода шавад.

Қиматҳо

Қимат	Тавсиф
фоизҳо	Фоизҳо нисбат ба андозаи тасвир ҳисоб карда мешаванд. Уфуқӣ нисбат ба паҳнӣ, амудӣ — нисбат ба баландӣ.
рақамҳо	Рақамҳо - пикселҳо мебошанд (барои тасвири растерӣ) ё координатҳо (барои тасвири векторӣ). Воҳидҳои ченак нест.
`fill`	Рафтори пешфарз чунин аст, ки қисми марказии тасвир партофта мешавад. Барои истифодаи он, бояд калимаи калидӣ `fill` ба иловаи рақамҳо ё фоизҳо истифода шавад.

Миқдори параметрҳо

Ҷойивазкунӣ метавонад 1, 2, 3 ё 4 параметр қабул кунад. Диққат диҳед, ки воҳидҳои ченак барои ҷойивазкунӣ нанавишад (масалан, танҳо 20, на 20px). Инчунин метавон ғафсӣро ба % муайян кард.

Шумораи параметрҳо	Тавсиф
`1`	Ғафсӣ барои ҳама тарафҳо якбора.
`2`	1 2; - `1px` барои боло ва поён, `2px` барои чап ва рост.
`3`	`1 2 3`; - `1px` барои боло, `2px` барои чап ва рост, `3px` барои поён.
`4`	`1 2 3 4`; - `1px` барои боло, `2px` барои рост, `3px` барои поён, `4px` барои чап.

Қимати пешфарз: 100%(?).

Намуна

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

#elem {
	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;
}

Намуна

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

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

Ҳамчунин бубинед

хосияти border-image,
ки ихтисори барои ҳад-тасвир аст
хосияти border-image-source,
ки роҳи тасвирро барои ҳад муайян мекунад
хосияти border-image-repeat,
ки такрори тасвирро барои ҳад муайян мекунад
хосияти border-image-width,
ки андозаи тасвирро барои ҳад муайян мекунад
хосияти border-image-outset,
ки ҷойивазкунии тасвирро барои ҳад муайян мекунад