CSS tan() funktio
- Edellinen sivu CSS steps() funktio
- Seuraava sivu CSS translate() funktio
- Takaisin ylätasolle CSS funktioviittauskäsikirja
Määrittely ja käyttö
CSS tan()
Funktio palauttaa luvun tangenssin.
Yhden kulman tangenssi palauttaa aina luvun väliltä -∞ saakka ∞:hen.
Esimerkki
Käyttää tan()
Lasketaan elementin leveys:
div.a { width: calc(100px * tan(45deg)); } div.b { width: calc(100px * tan(0.125turn)); } div.c { width: calc(100px * tan(0.5773502)); } div.d { width: calc(100px * tan(pi / 3)); }
CSS syntaksi
tan(kulma)
Arvo | Kuvaus |
---|---|
kulma | Välttämätön. Luku tai kulma. |
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 |
---|---|---|---|---|
111 | 111 | 108 | 15.4 | 97 |
Liittyvät sivut
Viittaukset:CSS acos() funktio
Viittaukset:CSS asin() funktio
Viittaukset:CSS atan() funktio
Viittaukset:CSS atan2() funktio
Viittaukset:CSS calc() funktio
Viittaukset:CSS cos() funktio
Viittaukset:CSS exp() funktio
Viittaukset:CSS hypot() funktio
Viittaukset:CSS log() funktio
Viittaukset:CSS mod() funktio
Viittaukset:CSS pow() funktio
Viittaukset:CSS sin() funktio
Viittaukset:CSS sqrt() funktio
- Edellinen sivu CSS steps() funktio
- Seuraava sivu CSS translate() funktio
- Takaisin ylätasolle CSS funktioviittauskäsikirja