hr ටැගය
hr ටැගය තිරස් වෙන් කරන රේඛාවක් නිර්වචනය කරයි.
මෙම ටැගයේ වාසිය වන්නේ තනි රේඛාවක් ඇඳීම සඳහා අමතර
ව්යුහයක් නිර්මාණය කිරීමට අවශ්ය නොවීමයි.
වසා දැමීමේ ටැගයක් අවශ්ය නොවේ.
උදාහරණය
hr ටැගය ක්රියා කරන ආකාරය බලමු:
<hr>
:
උදාහරණය
CSS ගුණය border-color
භාවිතයෙන් රේඛාවේ වර්ණය වෙනස් කිරීමට උත්සාහ කරමු:
<hr style="border-color: red;">
:
උදාහරණය
රේඛාවේ වර්ණය color
ගුණයෙන්ද වෙනස් කළ හැකිය
(මෙම අවස්ථාවේ, color සහ border-color
ගුණ දෙකම එකවර සකසා තිබේ නම් - දෙවැන්නට ප්රාථමිකත්වය ඇත):
<hr style="color: red">
:
උදාහරණය
දැන් CSS ගුණය border
භාවිතයෙන් රේඛාවේ වර්ණය වෙනස් කරමු.
මෙහිදී රේඛාව ද්විත්ව ඝණකමක් ලබා ගන්නා බව සැලකිල්ලට ගන්න
(අප ඉහළ සහ පහළ දෙපසම තීරුව නිර්වචනය කර ඇති නිසා):
<hr style="border: 1px solid red;">
:
උදාහරණය
CSS ගුණය border-top
භාවිතයෙන් රේඛාවේ වර්ණය වෙනස් කිරීමට උත්සාහ කරමු,
සහ ඉහළ තීරුව පමණක් නිර්වචනය කරමු. දැන්
ද්විත්ව රේඛාවක් නොතිබේ:
<hr style="border-top: 1px solid red;">
:
උදාහරණය
CSS ගුණය border-top
භාවිතයෙන් රේඛාව ලක්ෂ්ය ලෙස සකසමු,
solid වෙනුවට dotted අගය නිර්වචනය කරමු:
<hr style="border-top: 1px dotted red;">
:
උදාහරණය
CSS ගුණය border-width
භාවිතයෙන් රේඛාවේ ඝණකම වැඩි කරමු:
<hr style="border-width: 10px; border-color: red;">
:
උදාහරණය
දැන් රේඛාවට උස height
සහ border
ගුණයෙන් තීරුව එකතු කරමු.
තීරුව මෙම අවස්ථාවේ ඉහළ සහ පහළ දෙපසට වෙන් වේ:
<hr style="height: 10px; border: 1px solid red;">
:
මේවාත් බලන්න
-
brටැගය,
නව පේළියකට ගමන් කිරීම නිර්වචනය කරයි
