Latest web development tutorials

CSS Text (texte)

Text Format

Le présent texte est appelée le avec un peu d'au Le texte Propriétés de mise en forme. A La rubrique des utilisations The text-align = left, text-la transformation, et de propriétés de couleur. Au paragraphe est en retrait, Le aligné, et à La Spatiale ENTRE caractères est spécifiée. Au soulignement est retiré à la " essayer " Link.

Couleur du texte

attribut couleur est utilisé pour définir la couleur du texte.

La couleur est le plus souvent spécifié par CSS:

  • Les valeurs hexadécimales - telles que "# FF0000"
  • Une valeur RGB - "RGB (255,0,0)"
  • Les noms de couleur - tels que "rouge"

Voir les valeurs de couleur CSS afficher les valeurs complètes de couleurs.

Un fond de la page est dans le corps principal des moyens de sélection:

Exemples

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

Essayez »

remarque Pour le CSS standard W3C: si vous définissez la propriété de couleur, vous devez également personnaliser les attributs de couleur d'arrière-plan.


Alignement du texte

propriété Text-align est utilisé pour définir l'alignement horizontal du texte.

Le texte peut être centré ou aligné à gauche ou à droite justifiée.

Lorsque text-align est réglé sur «justifier», chaque ligne a été étendue à la même largeur, la gauche et la marge de droite sont alignés (tels que des magazines et des journaux).

Exemples

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

Essayez »


Text-decoration

propriété text-decoration est utilisé pour définir ou supprimer le texte décoratif.

D'un point de vue de la conception est principalement la propriété text-decoration est utilisé pour supprimer le soulignement des liens:

Exemples

a {text-decoration:none;}

Essayez »

Vous pouvez également décorer ce texte:

Exemples

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

Essayez »

remarque Nous ne recommandons pas de souligner que le texte ne soit pas un lien, car il est souvent confondu avec l'utilisateur.


Convertisseurs de texte

Autre attribut de texte est utilisé pour spécifier des lettres majuscules et minuscules dans un texte.

Initiales peuvent être utilisés pour tout en majuscules ou en minuscules, ou chaque mot en majuscule.

Exemples

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

Essayez »


Text-indent

Text-indent propriété de retrait la première ligne est utilisée pour spécifier le texte.

Exemples

p {text-indent:50px;}

Essayez »


Exemples

D'autres exemples

espace espace entre les caractères
Cet exemple montre comment augmenter ou diminuer l'espace entre les caractères.

Indique l'espace entre les rangées et des rangées
Cet exemple montre comment spécifier l'espace entre les lignes dans un paragraphe

Réglage élément d'orientation du texte
Cet exemple montre comment modifier la direction de l'élément de texte.

Augmenter l'espace entre les mots
Cet exemple montre comment ajouter un espace entre les mots dans un paragraphe.

Désactiver l' habillage du texte dans l'élément
Cet exemple montre comment désactiver un élément de texte dans le surround.

image d'alignement vertical
Cet exemple montre comment définir l'alignement vertical de l'image de texte.

Ajout d' ombres de texte
Cet exemple montre comment définir les ombres de texte.


Tous les textes de attributs CSS.

propriété description
couleur Définir la couleur du texte
direction Réglage de l'orientation du texte.
letter-spacing espacement des caractères Réglage
line-height Réglage de la hauteur des lignes
text-align Aligner le texte dans l'élément
text-decoration L'ajout de modifications du texte
text-indent Indentez la première ligne des éléments chinois
text-shadow Réglez l'ombre du texte
text-transform Contrôle élément lettres
unicode-bidi Définit ou retourne si le texte est réécrite
vertical-align Réglez l'alignement vertical des éléments
white-space élément set Blank est géré
word-spacing les paramètres d'espacement de mots