CSS round() funktio
- Edellinen sivu CSS rotateZ() funktio
- Seuraava sivu CSS saturate() funktio
- Palaa yhdellä tasolla ylös CSS funktioviittausopas
Määrittely ja käyttö
CSS round()
Funktio ympäristö ympäristöön lähimmän ympäristön kokonaiskertaa määritetyn ympäristön ympäristöstrategian mukaisesti.
Esimerkki
Käytä round()
Määritä luku ympäristön ympäristöön lähimmän ympäristön kokonaiskertaa määritetyn ympäristön ympäristöstrategian mukaisesti:
div.box2 { height: round(up, 105px, 25px); } div.box3 { height: round(down, 120px, 25px; } div.box4 { height: round(to-zero, 115px, 25px); }
CSS syntaksi
round(rounding-strategy, valuetoround, roundinginterval)
Arvo | Kuvaus |
---|---|
rounding-strategy |
Valinnainen. Määritä ympäristön ympäristöstrategia. Voisi olla seuraavista arvoista yksi:
|
valuetoround | Välttämätön. Arvo, jota ympäristö ympäröi (luku, prosentti, koko tai matemaattinen lauseke). |
roundinginterval | Välttämätön. Ympäristön jakso (luku, prosentti, koko tai matemaattinen lauseke). |
Tekninen yksityiskohta
Versio: | CSS4 |
---|
Selaimen tuki
Taulukossa olevat numerot ilmaisevat ensimmäisen selaimen version, joka täysin tukee tätä funktiota。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
125 | 125 | 118 | 15.4 | 111 |
Liittyvät sivut
Viittaus:CSS acos() funktio
Viittaus:CSS asin() funktio
Viittaus:CSS atan() funktio
Viittaus:CSS atan2() funktio
Viittaus:CSS calc() funktio
Viittaus:CSS cos() funktio
Viittaus:CSS exp() funktio
Viittaus:CSS hypot() funktio
Viittaus:CSS log() funktio
Viittaus:CSS mod() funktio
Viittaus:CSS pow() funktio
- Edellinen sivu CSS rotateZ() funktio
- Seuraava sivu CSS saturate() funktio
- Palaa yhdellä tasolla ylös CSS funktioviittausopas