Gara qabiyyee ijootti darbi Gara docs navigationitti darbi
Check
in English

Wal-nyaatinsa

Kutaawwan faayidaa akkaataa fayyadamtoonni qabiyyee marsariitii tokkoo wajjin itti walqunnaman jijjiiran.

Filannoo barruu

Akkaataa qabiyyeen yeroo fayyadamaan waliin walqunnamu itti filatamu jijjiiri.

Keewwatni kun guutummaatti yeroo fayyadamaan cuqaasu ni filatama.

Keewwatni kun amala filannoo durtii qaba.

Keewwatni kun yeroo fayyadamaan cuqaasu filatamuu hin danda'u.

html
<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
<p class="user-select-auto">This paragraph has default select behavior.</p>
<p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>

Taateewwan agarsiisaa

Bootstrap walqunnamtii elementii ittisuuf ykn dabaluudhaaf kenna .pe-nonefi gita..pe-auto

Link kana cuqaasuun hin danda'amu.

Hidhiin kun cuqaasuun ni danda'ama (kun amala durtiidha).

pointer-eventsQabeentiin warra isaa irraa waan dhaaleef hidhaan kun cuqaasuun hin danda'amu . Haa ta'u malee linkiin kun pe-autoclass waan qabuuf cuqaasuun ni danda'ama.

html
<p><a href="#" class="pe-none" tabindex="-1" aria-disabled="true">This link</a> can not be clicked.</p>
<p><a href="#" class="pe-auto">This link</a> can be clicked (this is default behavior).</p>
<p class="pe-none"><a href="#" tabindex="-1" aria-disabled="true">This link</a> can not be clicked because the <code>pointer-events</code> property is inherited from its parent. However, <a href="#" class="pe-auto">this link</a> has a <code>pe-auto</code> class and can be clicked.</p>

Gitni .pe-none(fi pointer-eventsqabeentaa CSS inni saagu) walqunnamtii agarsiisaa (hantuutee, barruu, tuqa) waliin qofa dhorka. Hidhamtoonni fi too'annoowwan waliin .pe-none, akka durtiitti, ammallee fayyadamtoota kiiboordiidhaaf xiyyeeffannoo fi gochaan kan raawwatamudha. Fayyadamtoota kiiboordiidhaaf illee guutummaatti akka jiddu galeessa ta'an mirkaneessuuf, amaloota dabalataa kanneen akka tabindex="-1"(xiyyeeffannoo kiiboordii akka hin fudhanne ittisuuf) fi aria-disabled="true"(dhugaa isaan bu'a qabeessa ta'een hojii irraa oolan gara teeknooloojiiwwan gargaaraatti dabarsuudhaaf), fi tarii JaavaScript fayyadamuun dabaluu si barbaachisuu danda'a gochaan akka hin raawwatamne guutummaatti dhorka.

Yoo danda’ame furmaanni salphaan:

  • Too'annoo unkaaf, disabledamalli HTML dabali.
  • Hidhamtootaaf, amallicha haqi, hrefhidhaa anchor ykn iddoo iddoo walqunnamtii hin taane godhi.

Sass jedhama

API faayidaa

Faayidaaleen walqunnamtii API faayidaa keenya keessatti labsamu bara scss/_utilities.scss. Akkaataa API faayilii itti fayyadamtu baradhu.

    "user-select": (
      property: user-select,
      values: all auto none
    ),
    "pointer-events": (
      property: pointer-events,
      class: pe,
      values: none auto,
    ),