বৈশিষ্ট্য 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%(?)।
উদাহরণ
html<div id="elem"></div>css#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;
}
Результат:
উদাহরণ
html<div id="elem"></div>css#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,
যা সীমানার জন্য ছবির সরণ নির্ধারণ করে