“Espacement du texte CSS” Réponses codées

Espacement des lettres CSS

div{
   letter-spacing: 2px; 
}  
deadlymuffin

Kerning CSS

// There is no kerning property, but you can use letter-spacing
div{
   letter-spacing: 2px; 
}  
deadlymuffin

Espacement du texte CSS

p {
  text-indent: 50px;
}
Hello There

Comment créer un espace entre le texte CSS

<div style="letter-spacing: 1em;">It's a wide wide word!</div>

<div style="line-height: 1.5;">

<div style="text-indent: 50px;">
Bright Beaver

CSS change d'espacement de texte

/* Keyword value */
letter-spacing: normal;

/* <length> values */
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;

/* Global values */
letter-spacing: inherit;
letter-spacing: initial;
letter-spacing: revert;
letter-spacing: revert-layer;
letter-spacing: unset;
Blue Duck

Espacement des lettres CSS

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8" />
      <title>Letter spacing in CSS</title>

      <style>
         .normal {
            letter-spacing: normal;
         }
         .em-wide {
            letter-spacing: 0.4em;
         }
         .em-wider {
            letter-spacing: 1em;
         }
         .em-tight {
            letter-spacing: -0.05em;
         }
         .px-wide {
            letter-spacing: 6px;
         }
      </style>
   </head>
   <body>
      <p class="normal">letter spacing</p>
      <p class="em-wide">letter spacing</p>
      <p class="em-wider">letter spacing</p>
      <p class="em-tight">letter spacing</p>
      <p class="px-wide">letter spacing</p>
   </body>
</html>

<!-- /* Keyword value */
   letter-spacing: normal;

   /* <length> values */
   letter-spacing: 0.3em;
   letter-spacing: 3px;
   letter-spacing: .3px;

   /* Global values */
   letter-spacing: inherit;
   letter-spacing: initial;
   letter-spacing: unset; 
-->
Mehedi Islam Ripon

Réponses similaires à “Espacement du texte CSS”

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code