/ Справочники / CSS3 / calc () функция

Информация по поводу - calc () функция


Функция 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>
Результат:
Простой текст