caption-side ගුණය
caption-side ගුණය
<caption> ටැගය භාවිතයෙන් සාදන ලද වගුවේ
ශීර්ෂකයේ පිහිටීම නියම කරයි. ගුණයට
අගයන් දෙකක් තිබිය හැක: top
(වගුව මතුපිට, පෙරනිමියෙන්) හෝ bottom
(වගුවට පහළින්).
වාක්ය ඛණ්ඩය
තෝරන්නා {
caption-side: top | bottom;
}
නිදර්ශනය
වගුව මතුපිට ශීර්ෂකය ස්ථානගත කරමු:
<table border="1" width="300">
<caption>වගුව</caption>
<tr>
<th>ශීර්ෂය</th>
<th>විස්තරය</th>
</tr>
<tr>
<td>text1</td>
<td>text2</td>
</tr>
</table>
table {
width: 100%;
border-collapse: collapse;
}
td {
width: 200px;
height: 100px;
text-align: center;
}
caption {
caption-side: top;
font-weight: bold;
}
:
නිදර්ශනය
දැන් අපි ශීර්ෂකය වගුවට පහළට ගෙන යමු:
<table border="1" width="300">
<caption>වගුව</caption>
<tr>
<th>ශීර්ෂය</th>
<th>විස්තරය</th>
</tr>
<tr>
<td>text1</td>
<td>text2</td>
</tr>
</table>
table {
width: 100%;
border-collapse: collapse;
}
td {
width: 200px;
height: 100px;
text-align: center;
}
caption {
caption-side: bottom;
font-weight: bold;
}
:
මෙයද බලන්න
-
bottomගුණය,
මූලද්රව්යයේ පහළ මායිමේ පිහිටීම නියම කරයි -
topගුණය,
මූලද්රව්යයේ ඉහළ මායිමේ පිහිටීම නියම කරයි -
leftගුණය,
මූලද්රව්යයේ වම් මායිමේ පිහිටීම නියම කරයි -
rightගුණය,
මූලද්රව්යයේ දකුණු මායිමේ පිහිටීම නියම කරයි -
::backdropසුළු මූලද්රව්යය,
පළමු මූලද්රව්යයට පසුව ස්ථානගත කිරීම නියම කරයි
