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