Довідники CSS3 calc () функція

Що таке calc () функція в CSS3?

Функція calc() призначена для підрахунку значень. Так у цій функції ви можете обчислити розмір, кут, час.
Можна застосовувати такі математичні операції:
  • додавання (+) - margin: calc (12px + 45px)
  • віднімання (-) - width: calc(100% - 56px)
  • множення (*) - height: calc(20em * 1.2)
  • ділення (/) - padding: calc (57px / 3). Ділення на нуль неможливо.

Функція підтримується сучасними браузерами. Можна спокійно використати у створенні сайту.

Синтаксис функції:
властивість: calc(математична операція);
Приклад функції blur ():
#block {
	width: calc (100% - 60px);
	padding: 10px 30px;
	background-color: #d9a9a9;
}
HTML код:
<div id="block">Простий текст</div>
Результат:
Простий текст
Коментарі
Додати коментар

Поки що коментарів немає