বৈশিষ্ট্য 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,
যা সীমানার জন্য ছবির সরণ নির্ধারণ করে