CSS rem() 関数

定義と使用方法

CSS rem() 関数は、1つの数（被除数）を別の数（除数）で割った後の余りを返します。

例：rem(9, 2) = 1。（9 / 2 = 4；4 * 2 = 8、余り = 1）

例：rem(9, -2) = 1。（9 / -2 = 4；4 * -2 = -8、余り = -1）

注意：結果は常に除数の符号を取ります。

例

いくつか rem() の例：

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 */

CSS 语法

rem(dividend, divisor)

技術的詳細

ブラウザのサポート

テーブルの数字は、その関数を完全にサポートする最初のブラウザのバージョンを示しています。

関連ページ

参考：CSS acos() 関数

参考：CSS asin() 関数

参考：CSS atan() 関数

参考：CSS atan2() 関数

参考：CSS calc() 関数

参考：CSS cos() 関数

参考：CSS exp() 関数

参考：CSS hypot() 関数

参考：CSS log() 函数

参考：CSS mod() 函数

参考：CSS pow() 函数