Функция calc()
.
Пример
Используйте calc() для вычисления ширины элемента <div>:
#div1 {
position: absolute;
left: 50px;
width: calc(100% - 100px);
border: 1px solid black;
background-color: yellow;
padding: 5px;
text-align: center;
}
Попробуйте сами »
Определение calc()
Функция calc()
выполняет расчет, который будет использоваться в качестве значения свойства.
Версия: | CSS3 |
---|
Поддержка браузера calc()
Цифры в таблице указывают первую версию браузера, полностью поддерживающую эту функцию.
Числа, за которыми следуют -webkit-, -moz- или -o-, указывают первую версию, которая работала с префиксом.
Функция | |||||
---|---|---|---|---|---|
calc() | 26.0 19.0 -webkit- |
9.0 | 16.0 4.0 -moz- |
7.0 6.0 -webkit- |
15.0 |
CSS Синтаксис calc()
calc(expression)
Значение | Описание |
---|---|
expression | Необходимый. Математическое выражение. Результат будет использоваться в качестве значения. Можно использовать следующие операторы: + - * / |