މައިގަނޑު ކޮންޓެންޓަށް ސްކިޕް ކުރާށެވެ ޑޮކްސް ނެވިގޭޝަނަށް ސްކިޕް ކުރާށެވެ
in English

ވަރުގަދަ އުސޫލު

<hr>އެލިމެންޓް ފަދަ ވަރުގަދަ ޑިވައިޑަރސް އުފެއްދުމަށް ކަސްޓަމް ވަރޓިކަލް ރޫލް ހެލްޕަރ ބޭނުން ކުރާށެވެ .

އެކަން ކުރާ ގޮތް

ވަރުގަދަ އުސޫލުތައް <hr>އެލިމެންޓުން އިންސްޕަޔަރ ކޮށްފައިވާތީ، އާންމު ލޭއައުޓްތަކުގައި ވަރުގަދަ ޑިވައިޑަރުތައް އުފެއްދުމުގެ ފުރުސަތު ލިބިގެންދެއެވެ. އެއީ ހަމަ <hr>އެލިމެންޓްތަކެއް ފަދައިން ސްޓައިލްކޮށްފައި ހުންނަ އެއްޗެހި:

  • އެމީހުން 1pxފުޅާވެއްޖެ
  • އެމީހުންނަށް ލިބިފައިވަނީ min-heightއޮފް...1em
  • އެމީހުންގެ ކުލަ ސެޓްކޮށްފައިވަނީ ވިއާ currentColorއެންޑް ...opacity

ބޭނުންވާ ގޮތަށް އިތުރު ސްޓައިލްތަކާއެކު އެމީހުން ކަސްޓަމައިޒް ކޮށްލާށެވެ.

މިސާލު

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

ވަރުގަދަ އުސޫލުތައް ފްލެކްސް ލޭއައުޓްތަކުގައި އެމީހުންގެ އުސްމިން ސްކޭލް ކުރާށެވެ:

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

ސްޓޭކްތަކާއެކު

އަދި ސްޓޭކްތަކުގައި ވެސް ބޭނުންކުރެވިދާނެ އެއްޗެހި :

ފުރަތަމަ އައިޓަމް
ދެވަނަ އައިޓަމެވެ
ތިންވަނަ އައިޓަމެވެ
<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>