ট্যাগ 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,
যা একটি নতুন লাইনে ব্রেক নির্দেশ করে