CSS letter-spacing – additional spacing between adjacent chars

CSS property letter-spacing specifies additional spacing between adjacent characters. Depending on the justification rules in effect (see text-align), user agents may further increase or decrease the space between characters in order to justify text.

CSS property letter-spacing

CSS version: CSS 2.1
Value: normal | length | inherit
Initial: normal
Applies to: all elements
Inherited: yes

letter-spacing values

normalnormal spacing for the current font
lengthInter-character space in addition to the default space. It can be negative also.

Example – letter-spacing

div {width: 200px; background-color: lightgreen; margin: 4px;}

.normal {letter-spacing: normal;}
.littleextra {letter-spacing: 2px;}
.mediumextra {letter-spacing: 5px;}

<div class="normal">normal letter spacing</div>
<div class="littleextra">little extra letter spacing</div>
<div class="mediumextra">medium extra letter spacing</div>



Share this article: share on Google+ share on facebook share on linkedin tweet this submit to reddit


Click here to write/view comments