ট্যাগ 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;">

Результат:

আরও দেখুন