CODEWITHSUNDEEP
css
T.Todua
T.Todua

Reputation: 56487

White-Space has width? (css)

I am interested, if there is any chance to increase/decrease width of white-space chars inside <textarea>?

Upvotes: 0

Views: 52

Answers (2)

T.Todua
T.Todua

Reputation: 56487

Quite interesting, I have found out, that spacing especially in <textarea> can be solved by font-family, which you choose for that textarea.

See in action: https://jsfiddle.net/hz3rv73a/6/

Upvotes: -1

Oriol
Oriol

Reputation: 288480

You can use word-spacing:

.triple {
  word-spacing: 200%;
}
.extra-1 {
  word-spacing: 1em;
}
<dl>
  <dt>Normal space:</dt>
  <dd class="normal">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
  <dt>Triple space:</dt>
  <dd class="triple">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
  <dt>Extra 1em space:</dt>
  <dd class="extra-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
</dl>

Percentage values were recently introduced and are not widely supported yet.

Upvotes: 2

Related Questions