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