Accueil    CSS    Propriété Text-justify
 



style css text-justify  Style CSS text-justify

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété text-justify s'emploie lorsque le style text-align est valorisé à "justify". Elle permet de choisir la méthode employée pour réaliser la justification du texte.

La plupart de ces méthodes concerne les textes asiatiques et ne changent pas le rendu initial correspondant à la valeur "auto".



Propriétés pour le style text-justify :




Propriété Définition Valeurs CSS
text-justify Détermine les règles à appliquer pour justifier le texte auto
distribute
inter-cluster
inter-ideograph
inter-word
kashida
none
CSS 3


Exemple d'utilisation du style css text-justify :




Emploi des différentes valeurs de la propriété text-justify :

<div style="text-align:justify; text-justify:auto; width:380px; border:solid 1px black; padding:5px;">
   Exemple de texte aligné au sein d'un élément div avec les propriété text-align :
   justify et text-justify : auto.
</div>

<div style="text-align:justify; text-justify:kashida; width:380px; border:solid 1px black; padding:5px;">
   Exemple de texte aligné au sein d'un élément div avec les propriété text-align :
   justify et text-justify : kashida.
</div>

<div style="text-align:justify; text-justify:inter-word; width:380px; border:solid 1px black; padding:5px;">
   Exemple de texte aligné au sein d'un élément div avec les propriété text-align :
   justify et text-justify : inter-word.
</div>

<div style="text-align:justify; text-justify:distribute; width:380px; border:solid 1px black; padding:5px;">
   Exemple de texte aligné au sein d'un élément div avec les propriété text-align :
   justify et text-justify : distribute.
</div>


Emploi des différentes valeurs de la propriété text-justify :

Exemple de texte aligné au sein d'un élément div avec la propriété text-align : justify et text-justify : auto. Le texte est ajusté à la taille du conteneur.

Exemple de texte aligné au sein d'un élément div avec la propriété text-align : justify et text-justify : kashida. Le texte est ajusté à la taille du conteneur.

Exemple de texte aligné au sein d'un élément div avec la propriété text-align : justify et text-justify : inter-word. Le texte est ajusté à la taille du conteneur.

Exemple de texte aligné au sein d'un élément div avec la propriété text-align : justify et text-justify : distribute. Le texte est ajusté à la taille du conteneur.