উলম্ব নিয়ম

<hr>উপাদানটোৰ দৰে উলম্ব বিভাজক সৃষ্টি কৰিবলৈ স্বনিৰ্বাচিত উলম্ব নিয়ম সহায়ক ব্যৱহাৰ কৰক ।

এই পৃষ্ঠাত

কেনেকৈ কাম কৰে

উলম্ব নিয়মসমূহ উপাদানৰ দ্বাৰা অনুপ্ৰাণিত হয় <hr>, আপোনাক সাধাৰণ পৰিকল্পনাসমূহত উলম্ব বিভাজক সৃষ্টি কৰাৰ অনুমতি দিয়ে। <hr>সেইবোৰ উপাদানৰ দৰেই ষ্টাইল কৰা হৈছে:

বহল হৈ 1pxগৈছে
তেওঁলোকৰ আছে min-heightঅফ1em
তেওঁলোকৰ ৰং currentColorআৰু মাধ্যমেৰে ছেট কৰা হয়opacity

প্ৰয়োজন অনুসৰি অতিৰিক্ত শৈলীৰ সৈতে সিহঁতক কাষ্টমাইজ কৰক।

উদাহৰণ

html

<div class="vr"></div>

উলম্ব নিয়মসমূহে ফ্লেক্স বিন্যাসত ইহঁতৰ উচ্চতা স্কেল কৰে:

html

<div class="d-flex" style="height: 200px;">
  <div class="vr"></div>
</div>

ষ্টেকৰ সৈতে

ষ্টেকতো ব্যৱহাৰ কৰিব পাৰি :

প্ৰথম বস্তু

দ্বিতীয় বস্তু

তৃতীয় বস্তু

html

<div class="hstack gap-3">
  <div class="bg-light border">First item</div>
  <div class="bg-light border ms-auto">Second item</div>
  <div class="vr"></div>
  <div class="bg-light border">Third item</div>
</div>