Text Spacing ng CSS

Pagkakasunog ng teksto

text-indent Ang property na ito ay ginagamit upang tiyakin ang pagkakasunog ng unang linya ng teksto:

Example

p {
  text-indent: 50px;
}

Try It Yourself

Mga letra na may pagkakaiba

letter-spacing Ang property na ito ay ginagamit upang tiyakin ang pagkakaiba ng pagkakaiba ng mga character sa teksto.

Mga halimbawa ay ipinapakita kung paano magdagdag o magbawas ng pagkakaiba ng mga letra sa pagitan ng mga character:

Example

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

Try It Yourself

Line height

line-height The attribute is used to specify the space between lines:

Example

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

Try It Yourself

Word spacing

word-spacing The attribute is used to specify the space between words in text.

The following example demonstrates how to increase or decrease the space between words:

Example

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

Try It Yourself

Whitespace

white-space The attribute specifies how to handle white space within an element.

This example demonstrates how to disable text wrapping within an element:

Example

p {
  white-space: nowrap;
}

Try It Yourself