CSS round() funktio

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);
}

Kokeile itse

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:

  • nearest:Oletusarvo. Ympäristöarvon ympäristö ympäristöön lähimmän ympäristön kokonaiskertaa
  • up:Ympäristöarvon ympäristö ympäristöön lähimmän ympäristön kokonaiskertaa
  • down:Ympäristöarvon ympäristö ympäristöön lähimmän ympäristön kokonaiskertaa
  • to-zero:Ympäristöarvon ympäristö ympäristöön lähimmän ympäristön kokonaiskertaa, ja lähempänä nollaa
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