MOINS - URL

La description

Les variables peuvent être utilisées pour contenir les URL.

Exemple

L'exemple suivant illustre l'utilisation de variables pour contenir l' URL dans le fichier LESS -

<html>
   <head>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
      <title>LESS URLs</title>
   </head>

   <body>
      <div class = "myclass">
      </div>
   </body>
</html>

Créez maintenant le fichier style.less .

sans style

@images: "http://www.tutorialspoint.com";

.myclass {
   background : url("@{images}/less/images/less_variables/birds.jpg");
   width:800px;
   height:500px;
}

Vous pouvez compiler le style.less en style.css en utilisant 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

.myclass {
   background: url("http://www.tutorialspoint.com/less/images/less_variables/birds.jpg");
   width: 800px;
   height: 500px;
}

Production

Suivez ces étapes pour voir comment fonctionne le code ci-dessus -

  • Enregistrez le code html ci-dessus dans le less_variables_interpolation_url.html fichier.

  • Ouvrez ce fichier HTML dans un navigateur, la sortie suivante s'affichera.