Ejemplo
Utilice calc() para calcular el ancho de un <div> elemento:
#div1 {
position: absolute;
left: 50px;
width: calc(100% -
100px);
border: 1px solid black;
background-color: yellow;
padding:
5px;
text-align: center;
}
Inténtalo tú mismo " Definición y Uso
El calc() la función realiza un cálculo para ser utilizado como el valor de propiedad.
| Versión: | CSS3 |
|---|
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la función.
Los números seguidos por -webkit-, -moz-, o -O- especifican la primera versión que funcionaba con un prefijo.
| Función | |||||
|---|---|---|---|---|---|
| calc() | 26.0 19.0 -webkit- | 9.0 | 16.0 4.0 -moz- | 7.0 6.0 -webkit- | 15.0 |
sintaxis CSS
calc( expression )
| Valor | Descripción |
|---|---|
| expression | Necesario. Una expresión matemática. El resultado se utiliza como el valor. Los siguientes operadores pueden ser utilizados: + - * / |
<Funciones de Referencia CSS