Funguo ya CSS rem()

Maelezo na Matumizi

CSS rem() Funguo inatuma namba inayotangulia na inayotumika kama mabaki wa namba inayotangulia na namba inayotumika kama mabaki.

Mifano: rem(9, 2) = 1。（9 / 2 = 4；4 * 2 = 8，mabaki = 1）

Mifano: rem(9, -2) = 1。（9 / -2 = 4；4 * -2 = -8，mabaki = -1）

Tahadhari:Matokeo yanaingia katika msingi wa mabaki wa mabaki.

Mifano

Some rem() Mifano ya:

line-height: rem(9, 2); /* 1 */
line-height: rem(19, 4); /* 3 */
line-height: rem(3.5, 3); /* 0.5 */
padding: rem(9%, 2%); /* 1% */
padding: rem(19px, 4px); /* 3px */
padding: rem(19rem, 4rem); /* 3rem */
rotate: rem(120deg, 25deg); /* 20deg */
rotate: rem(120deg, -25deg); /* -20deg */
rotate: rem(-90deg, 15deg); /* 5deg */
rotate: rem(-90deg, -15deg); /* -5deg */

Mwakilishi wa CSS

Mwakilishi wa CSSInayotanguliarem( Mabaki,
) Maelezo
Inayotangulia Inahitajika. Inayotangulia (namna ya namba, nisilizi au ukali).
Mabaki Inahitajika. Mabaki (namna ya namba, nisilizi au ukali).

Maelezo ya Teknolojia

Versheni: CSS4

Inahifadhiwa kwa programu

Mifano ya jadili ya tabia inaonyesha kwa kawaida na msingi wa programu ambayo inakubali funguo hii.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Sayari ya picha

Tazama:Funguo CSS acos()

Tazama:Funguo CSS asin()

Tazama:Funguo CSS atan()

Tazama:Funguo CSS atan2()

Tazama:Funguo CSS calc()

Tazama:Funguo CSS cos()

Tazama:Funguo CSS exp()

Tazama:Funguo CSS hypot()

Tazama:Funguo ya log() ya CSS

Tazama:Funguo ya mod() ya CSS

Tazama:Funguo ya pow() ya CSS