LESS - Fonction Data-uri

La description

L'URI de données est un schéma d'identificateur de ressource uniforme (URI) qui intègre une ressource dans des pages Web. Le nœud utilise le package mime pour contrôler le bon type MIME lorsque le type MIME n'est pas donné.

Paramètre

  • url - Inline l'url du fichier.

  • mimetype - Chaîne de type MIME.

Exemple

L'exemple suivant montre l'utilisation de la fonction data uri dans le fichier LESS -

misc_example.htm

<!doctype html>
   <head>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
   </head>

   <body>
      <h2>Welcome to TutorialsPoint</h2>
   </body>
</html>

Ensuite, créez le fichier style.less .

sans style

body {
   background: data-uri('startup.jpg');
}

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

body {
   background: url('startup.jpg');
}

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.