Gorlif

Defnyddiwch y cyfleustodau llaw-fer hyn i ffurfweddu'n gyflym sut mae cynnwys yn gorlifo elfen.

Addaswch yr overfloweiddo ar y hedfan gyda phedwar o werthoedd a dosbarthiadau rhagosodedig. Nid yw'r dosbarthiadau hyn yn ymatebol yn ddiofyn.

Dyma enghraifft o ddefnyddio .overflow-autoar elfen gyda dimensiynau lled ac uchder penodol. Yn ôl dyluniad, bydd y cynnwys hwn yn sgrolio'n fertigol.

Dyma enghraifft o ddefnyddio .overflow-hiddenar elfen gyda dimensiynau lled ac uchder penodol.

Dyma enghraifft o ddefnyddio .overflow-visiblear elfen gyda dimensiynau lled ac uchder penodol.

Dyma enghraifft o ddefnyddio .overflow-scrollar elfen gyda dimensiynau lled ac uchder penodol.

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

Gan ddefnyddio newidynnau Sass, gallwch addasu'r cyfleustodau gorlif trwy newid y $overflowsnewidyn yn _variables.scss.

Sass

Utilities API

Mae cyfleustodau gorlif yn cael eu datgan yn ein API cyfleustodau yn scss/_utilities.scss. Dysgwch sut i ddefnyddio'r API cyfleustodau.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),