Ukubwa wa nje ya mafupi kwa CSS

Kufikia kwa kawaida kwa matukio ya maandiko

text-indent Mwakilishi huu unaingiza kwa kumieleza kufikia kwa kawaida kwa barua ya kwanza ya matukio ya maandiko:

Mivivu

p {
  text-indent: 50px;
}

Jifunze Kwa Kupendeza

Kati ya herufi

letter-spacing Mwakilishi huu unaingiza kwa kumieleza kati ya herufi katika matukio ya maandiko.

Mifanyiko hii inayotumia kusoma kuhusu kufikia au kurejea kwa kawaida kati ya herufi:

Mivivu

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

Jifunze Kwa Kupendeza

行高

line-height 属性用于指定行之间的间距:

Mivivu

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

Jifunze Kwa Kupendeza

字间距

word-spacing 属性用于指定文本中单词之间的间距。

下例演示如何增加或减少单词之间的间距:

Mivivu

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

Jifunze Kwa Kupendeza

空白

white-space 属性指定元素内部空白的处理方式。

Mivivu hii inadhumisha kuhusu matukio ambayo huweza kuzingatia matukio ya kipindi cha kitu:

Mivivu

p {
  white-space: nowrap;
}

Jifunze Kwa Kupendeza