border-image-slice ගුණය
border-image-slice ගුණය කුමන කොටස් කොනට යනවාද, කුමන කොටස් පැතිවලට යනවාද (සහ කුමන කොටස මධ්යම වන්නේද) යන්න බ්රව්සරයට දක්වයි. කොන් සඳහා 4 කොටස්, පැති සඳහා 4 කොටස් සහ එක් කොටසක් (මධ්යම) අංගයේ පසුබිම සඳහා යයි (විකල්ප, fill යන ප්රධාන වචනය).
වැඩිදුර විස්තර සඳහා border-image ගුණය බලන්න.
වාක්ය රචනය
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ගුණය,
සීමාව සඳහා පින්තූරයේ මාරුව සකසයි
