Διάστημα Κειμένου CSS

οπισθοχώρημα κειμένου

text-indent Η ιδιότητα χρησιμοποιείται για να καθορίσει το οπισθοχώρημα της πρώτης γραμμής του κειμένου:

Παράδειγμα

p {
  text-indent: 50px;
}

Δοκιμάστε το Εκείνες

διαστήματα γράμματος

letter-spacing Η ιδιότητα χρησιμοποιείται για να καθορίσει το διάστημα μεταξύ των χαρακτήρων του κειμένου.

Η παρακάτω παράδειγμα δείχνει πώς να αυξήσετε ή να μειώσετε το διάστημα μεταξύ των χαρακτήρων:

Παράδειγμα

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

Δοκιμάστε το Εκείνες

Ύψος Γραμμής

line-height Η ιδιότητα χρησιμοποιείται για να καθορίσει το διάστημα μεταξύ των γραμμών.

Παράδειγμα

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

Δοκιμάστε το Εκείνες

Διάστημα Λέξεων

word-spacing Η ιδιότητα χρησιμοποιείται για να καθορίσει το διάστημα μεταξύ των λέξεων του κειμένου.

Το παρακάτω παράδειγμα δείχνει πώς να αυξήσετε ή να μειώσετε το διάστημα μεταξύ των λέξεων:

Παράδειγμα

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

Δοκιμάστε το Εκείνες

Κενό

white-space Η ιδιότητα καθορίζει τον τρόπο χειρισμού του κενού εντός του στοιχείου.

Αυτό το παράδειγμα δείχνει πώς να απενεργοποιήσετε τη διπλανή γραμμή κειμένου ενός στοιχείου:

Παράδειγμα

p {
  white-space: nowrap;
}

Δοκιμάστε το Εκείνες