Mwongozo wa kusoma:

CSS light-dark() funguo

Maelezo na matumizi ya light-dark() Funguo inasaidia kubadilika mbalimbali ya rangi za kumekadiri, inatuma rangi ya kwanza kama mwanasoma amewahusisha mabara ya nyumba ya kijifunzea na rangi ya pili kama mwanasoma amewahusisha mabara ya kifaa cha kusoma.

Tumia light-dark() Funguo, CSS wa color-scheme Inayotarajiwa kuwa inaitwa light dark.

Maelezo:Mwanasoma anaweza kubadilika rangi yake ya msukuu wa miguu kwa kutumia maelezo ya mawasiliano (mabara ya nyumba ya kijifunzea au mabara ya kifaa cha kusoma) au kwa kutumia maelezo ya kifaa cha kusoma.

Mfano

Tumia light-dark() Funguo inaingiza mbalimbali ya rangi za kumekadiri:

:root {
  color-scheme: light dark;
  --light-bg: snow;
  --light-color: black;
  --dark-bg: black;
  --dark-color: snow;
}
* {
  background-color: light-dark(var(--light-bg), var(--dark-bg));
  color: light-dark(var(--light-color), var(--dark-color));
}

Tafuta kwa mafanikio

Mabati ya CSS

light-dark(lightcolor, darkcolor)

Maelezo ya teknolojia

Matumizi ya kifaa cha kusoma

Tafutaan ya kifaa cha programu ina namba ya kwanza ambayo inasukumiza kwa kawaida kufungua matukio hayo.

Paje za kuelewa

Matokeo:Hisia ya color-scheme

Matokeo:Fani linalofanya var() katika CSS

Mafunzo:Muuzi wa CSS