Exemple
Utilisez calc() pour calculer la largeur d'un <div> élément:
#div1 {
position: absolute;
left: 50px;
width: calc(100% -
100px);
border: 1px solid black;
background-color: yellow;
padding:
5px;
text-align: center;
}
Essayez - le vous - même » Définition et utilisation
Le calc() fonction effectue un calcul pour être utilisé comme la valeur de la propriété.
| Version: | CSS3 |
|---|
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la fonction.
Numbers suivis par -webkit-, -moz-, ou -O- précisent la première version qui a travaillé avec un préfixe.
| Fonction | |||||
|---|---|---|---|---|---|
| calc() | 26,0 19,0 -webkit- | 9.0 | 16,0 4.0 -moz- | 7.0 6.0 -webkit- | 15.0 |
Syntaxe CSS
calc( expression )
| Valeur | La description |
|---|---|
| expression | Champs obligatoires. Une expression mathématique. Le résultat sera utilisé comme valeur. Les opérateurs suivants peuvent être utilisés: + - * / |
<Fonctions CSS Référence