border-image-outset ගුණය
border-image-outset ගුණය මූලද්රව්යයෙන් පිටතට සීමාව ගෙන යාමට ඉඩ සලසයි.
අගයක් ලෙස මිනුම් ඒකක නොදක්වන අංකයක් හෝ
කිසියම් ප්රමාණ සඳහා ඒකක, සියයට හැරුණු විට.
ඒකක නොමැතිව අංකයක් දක්වා තිබේ නම්, එය ගුණකයකි,
එය border-width ගුණයේ අගයන්
ගුණ කරනු ලබන. ඍණ අගයන් සහාය නොදක්වයි.
සීමාව සඳහා පින්තූර පිළිබඳ වැඩි විස්තර සඳහා
border-image ගුණය බලන්න.
වාක්ය රචනය
තෝරන්නා {
border-image-outset: ධන අංකය;
}
නිදසුන . අංකය
border-image-outset අගය
3 ලෙස මූසිකය මූලද්රව්යය මත ගෙන යන විට සකසමු.
මෙමගින් සීමාව 26px*3 - එනම්
3 ගුණයක් දුරින්, border-width හි
සකසා ඇති එහි පළලට වඩා ගෙන යනු ඇත:
<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;
}
:
නිදසුන . පික්සෙල්
border-image-outset අගය
30px ලෙස මූසිකය මූලද්රව්යය මත ගෙන යන විට සකසමු.
මෙමගින් සීමාව 30px ගෙන යනු ඇත:
<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;
}
:
මෙයද බලන්න
-
border-imageගුණය,
එය සීමාව-පින්තූරය සඳහා කෙටි යෙදුමකි -
border-image-sourceගුණය,
එය සීමාව සඳහා පින්තූරයට මාර්ගය ලබා දෙයි -
border-image-sliceගුණය,
එය සීමාව සඳහා පින්තූරය කපා ඇත -
border-image-repeatගුණය,
එය සීමාව සඳහා පින්තූරය පුනරාවර්තනය කරයි -
border-image-widthගුණය,
එය සීමාව සඳහා පින්තූරයේ ප්රමාණය ලබා දෙයි