Amri ya supports

Amri @supports inabainisha mtindo kwa vipengele kwa kuzingatia uwezo unaosaidiwa na kivinjari. Katika amri hii, unaweza kuunda masharti kwa kutumia viendeshaji mantiki not, and, or.

Kiendishi

css@supports sharti {
  
}

Mfano

Wacha tuweke sharti kwamba, ikiwa kivinjari chako kinasaidia sifa display yenye thamani flex, basi aya yenye maandishi yanayofata ndiyo itaonyeshwa, wakati rangi ya herufi zake itakuwa ya rangi ya samawati:

html<p class="yes">Kivinjari chako kinasaidia display: flex.</p>
<p class="no">Kivinjari chako hakiSAIDII display: flex.</p>

css@supports (display: flex) {
  .no {
    display: none;
  }
  p {
    color: #467CBC;
  }
}
@supports not (display: flex) {
  .yes {
    display: none;
  }
}

Результат:

Angalia pia