LESS - Fonction de l'unité
La description
Less prend en charge un certain nombre de mesures, y compris des unités absolues telles que les pouces, les centimètres, les points, etc. Il peut changer l'unité de dimension.
Paramètre
dimension - Spécifie un nombre avec ou sans dimension.
unit - Cela change l'unité.
Exemple
L'exemple suivant décrit l'utilisation de la fonction de couleur dans le fichier LESS -
misc_example.htm
<!doctype html>
<head>
<link rel = "stylesheet" href = "style.css" type = "text/css" />
</head>
<body>
<div class = "style">
<h2>Welcome to TutorialsPoint</h2>
<p>The largest Tutorials Library on the web.</p>
</div>
</body>
</html>
Ensuite, créez le fichier style.less .
sans style
.style {
font-size:unit(30, px);
}
Vous pouvez compiler le fichier style.less dans style.css à l'aide de la commande suivante -
lessc style.less style.css
Exécutez la commande ci-dessus; il créera automatiquement le fichier style.css avec le code suivant -
style.css
.style {
font-size: 30px;
}
Production
Suivez ces étapes pour voir comment fonctionne le code ci-dessus -
Enregistrez le code html ci-dessus dans le misc_example.htm fichier.
Ouvrez ce fichier HTML dans un navigateur, la sortie suivante s'affichera.