hr ටැගය

hr ටැගය තිරස් වෙන් කරන රේඛාවක් නිර්වචනය කරයි. මෙම ටැගයේ වාසිය වන්නේ තනි රේඛාවක් ඇඳීම සඳහා අමතර ව්‍යුහයක් නිර්මාණය කිරීමට අවශ්‍ය නොවීමයි. වසා දැමීමේ ටැගයක් අවශ්‍ය නොවේ.

උදාහරණය

hr ටැගය ක්‍රියා කරන ආකාරය බලමු:

html<hr>

Результат:

උදාහරණය

CSS ගුණය border-color භාවිතයෙන් රේඛාවේ වර්ණය වෙනස් කිරීමට උත්සාහ කරමු:

html<hr style="border-color: red;">

Результат:

උදාහරණය

රේඛාවේ වර්ණය color ගුණයෙන්ද වෙනස් කළ හැකිය (මෙම අවස්ථාවේ, color සහ border-color ගුණ දෙකම එකවර සකසා තිබේ නම් - දෙවැන්නට ප්‍රාථමිකත්වය ඇත):

html<hr style="color: red">

Результат:

උදාහරණය

දැන් CSS ගුණය border භාවිතයෙන් රේඛාවේ වර්ණය වෙනස් කරමු. මෙහිදී රේඛාව ද්විත්ව ඝණකමක් ලබා ගන්නා බව සැලකිල්ලට ගන්න (අප ඉහළ සහ පහළ දෙපසම තීරුව නිර්වචනය කර ඇති නිසා):

html<hr style="border: 1px solid red;">

Результат:

උදාහරණය

CSS ගුණය border-top භාවිතයෙන් රේඛාවේ වර්ණය වෙනස් කිරීමට උත්සාහ කරමු, සහ ඉහළ තීරුව පමණක් නිර්වචනය කරමු. දැන් ද්විත්ව රේඛාවක් නොතිබේ:

html<hr style="border-top: 1px solid red;">

Результат:

උදාහරණය

CSS ගුණය border-top භාවිතයෙන් රේඛාව ලක්ෂ්‍ය ලෙස සකසමු, solid වෙනුවට dotted අගය නිර්වචනය කරමු:

html<hr style="border-top: 1px dotted red;">

Результат:

උදාහරණය

CSS ගුණය border-width භාවිතයෙන් රේඛාවේ ඝණකම වැඩි කරමු:

html<hr style="border-width: 10px; border-color: red;">

Результат:

උදාහරණය

දැන් රේඛාවට උස height සහ border ගුණයෙන් තීරුව එකතු කරමු. තීරුව මෙම අවස්ථාවේ ඉහළ සහ පහළ දෙපසට වෙන් වේ:

html<hr style="height: 10px; border: 1px solid red;">

Результат:

මේවාත් බලන්න