notations fonctionnelles

Dans certains cas, il est possible voire obligatoire d’employer une notation dite fonctionnelle, constituée d’un identificateur suivi d’une paire de parenthèses, lesquelles accueillent elles-même une autre valeur (pouvant elle-même être composite). On peut donner pour exemple rgb(255, 0, 0), url("assets/images/exemple.png") ou encore calc( 100% - 20px ).

Exemples

selecteur {
   color: rgb( 255, 0, 0 );
   width: calc( 100vw - 20px )
}

Note

  • La propriété color se voit assigner comme valeur la notation fonctionnelle rgb(255,0,0) (rouge : 255, vert : 0, bleu : 0).

  • La propriété width se voit assigner comme valeur 100% de la largeur de la vue moins 20 pixels CSS.