Svetuka kune chikuru content Svetuka kuenda kudocs navigation
Check
in English

Vertical rule

Shandisa tsika yakatwasuka mutemo mubatsiri kugadzira vertical dividers sechinhu <hr>.

Pa peji ino

Zvinoshanda sei

Mitemo yakamira inofemerwa <hr>nechinhu, ichikubvumidza iwe kuti ugadzire vertical dividers muakafanana marongero. Iwo akanyorwa senge <hr>maelementi:

  • Dzakafara 1px_
  • Vane min-heightzve1em
  • Ruvara rwavo rwakaiswa kuburikidza currentColoruyeopacity

Vagadzirise nemamwe masitayera sezvinodiwa.

Muenzaniso

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

Mitemo yakamira inoyera kureba kwayo mumagadzirirwo anochinjika:

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

Nemirwi

Vanogonawo kushandiswa mumatanda :

Chinhu chekutanga
Chinhu chechipiri
Chechitatu chinhu
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>