div{
letter-spacing: 2px;
} /* 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;selector_name{
letter-spacing: 1px;
} pre {
line-height: 20px;
}<!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;
-->| Code Example |
|---|
| Css :: bootstrap Aligning images |
| Css :: rotate element css |
| Css :: input rtl html |
| Css :: set margin to none inside print |
| Css :: fill background color left to right css |
| Css :: how to set fallback font in css |
| Css :: css calc |
| Css :: css for bigger screen size |
| Css :: how to highlight input on focus with box shadow |
| Css :: align div bottom of parent |
| Css :: css select element by role |
| Css :: wrap none css |
| Css :: css disabled cursor not allowed |
| Css :: box-shadow left right and bottom |
| Css :: text gradient in css |
| Css :: how to x axis scroll css |
| Css :: icon rounded corners css |
| Css :: gap css flex |
| Css :: css transform size |
| Css :: add shadow to background image css |
| Css :: css transform origin |
| Css :: transform orgin css |
| Css :: carbon today date with 12 00 am |
| Css :: superscript css |
| Css :: !important css |
| Css :: css add space to the top |
| Css :: bootstrap progress bar animation not working |
| Css :: hide page scrollbar css |
| Css :: removing space between words css |
| Css :: how to css in jquery |