Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

line-break - Propriété CSS

line-break

Résumé des caractéristiques de la propriété line-break

Description rapide
Rupture de lignes pour les langues CJK (chinois, japonais, coréen).
Statut
Standard
S'applique à
Éléments contenant du texte.
Type de valeur
Valeur prédéfinie
Valeurs prédéfinies
auto | anywhere | loose | normal | strict
Pourcentages
Ne s'appliquent pas.
Valeur initiale
auto
Héritée par défaut
Oui
Type d'animation
Discrète : lors d'une animation, la propriété line-break passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Texte
Références (W3C)
 🡇  
 🡅  
Statut du document:: WD (document de travail)

Statut du document:: CRD (document proposé pour la recommandation)

Description de la propriété line-break.

line-break concerne uniquement les textes en langue asiatiques, telles que le chinois, le japonais ou le coréen (langues CJK).

La propriété line-break définit quelles règles utiliser pour positionner les sauts de ligne (règles de rupture).

Syntaxes pour line-break.

Syntaxe de line-breakSchéma syntaxique de la propriété CSS line-break auto auto loose loose normal normal strict strict anywhere anywhereline-break:;line-break:;
  • line-break: auto;

    Le navigateur décide quelles sont les règles de rupture à utiliser. Il peut aussi adapter ces règles en fonction de la longueur des lignes.

  • line-break: normal;

    Les sauts de ligne sont gérés en fonction des règles spécifiques à la langue.

  • line-break: loose;

    Les règles de rupture choisies sont adaptées aux lignes courtes.

  • line-break: strict;

    Utilise l'ensemble des règles de rupture le plus strict.

  • line-break: anywhere;

    Les sauts de ligne peuvent se produire n'importe où.

  • line-break: initial; line-break: inherit; line-break: revert; line-break: revert-layer; line-break: unset;

    La valeur initiale est : auto.

Manipulation de la propriété line-break par programme.

Dans les exemples de code ci-après, le paramètre el représente l'élément de la page sur lequel on souhaite travailler.

Modifier la valeur de line-break en Javascript.

En Javascript, modifier la valeur de line-break peut se faire suivant deux syntaxes :

  • Le nom de la propriété écrit en kebab-case (un tiret pour séparer les mots).
  • Le nom de la propriété écrit en camel-case (une majuscule pour séparer les mots).

function setLineBreak(el) {
el.style['line-break']='loose';
// ou
el.style.lineBreak='loose';
}

Lire en Javascript la valeur de line-break.

Cet exemple de code retrouve la valeur de line-break si cette dernière a été affectée dans le code HTML, via l'attribut style de l'élément. Les valeurs affectées dans la feuille de styles, via un sélecteur CSS ne sont pas concernées.


function getLineBreak(el) {
alert(el.style['line-break']);
// ou
alert(el.style.lineBreak);
}

Lire la valeur calculée de line-break en Javascript.

La valeur calculée est celle qui résulte de l'évaluation de la cascade des héritages et des règles de priorité en CSS {voir les règles de priorité).


function getCalcLineBreak(el) {
alert(window.getComputedStyle(el).getPropertyValue('line-break'));
}

Modifier la valeur de la propriété line-break avec JQuery.

Comme en Javascript, l'écriture du nom de la propriété peut se faire soit en kebab-case, soit en camel-case.


function setLineBreak(el) {
$(el).css('line-break','strict');
// ou
$(el).css('lineBreak','strict');
}

Lire la valeur calculée de la propriété line-break avec JQuery.


function getCalcLineBreak(el) {
alert($(el).css('line-break'));
// ou
alert($(el).css('lineBreak'));
}

Simulateur.

line-break :
從樣式設置格式具有許多優點,尤其是將數據和表示形式分開。

Prise en charge par les navigateurs (compatibilité).

1
line-break
Estimation de la prise en charge en pourcentage du parc actuel.
95%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Androïd Brower

Chrome

Chrome pour Androïd

Edge

Firefox

Firefox pour Androïd

Internet Explorer

Opéra

Opéra Mobile

Safari

Safari sur IOS

Samsung Internet

Voir aussi, dans le même module de standardisation que line-break.

Les spécifications CSS éditées par le W3C sont organisées en modules. line-break fait partie du Module CSS - Texte (CSS Text Module). Les définitions suivantes sont également décrites dans ce même module.

Propriétés.

Définit la ponctuation suspendue (caractères autorisés à déborder dans la marge).
Définit le caractère qui sera à utiliser comme marque de césure.
Définit le nombre minimal de caractères pour autoriser la césure d'un mot.
Définit si les césures sont autorisées à la fin d'une colonne, d'une page, etc.
Définit le nombre maximal de lignes successives se terminant une césure
Définit le nombre maximal d'espaces pour autoriser ou interdire la césure.
Césure des mots.
Espacement des lettres.
Gestion des coupures de mots.
Taille des caractères de tabulation.
Alignement du texte.
Définit l'alignement des lignes d'un texte.
Alignement de la dernière ligne des paragraphes.
Définit l'espace entre les caractères adjacents (CJK).
Définit le retrait de la première ligne des paragraphe (indentation).
Sélectionne la méthode utilisée pour justifier le texte.
Définit comment gérer les espaces et les espaces multiples dans le texte.
Définit si les espaces au début et à la fin du texte de l'élément doivent être conservés ou supprimés.
Definit l'espacement autour des caractères de ponctuation CJK.
Casse du texte (minuscules, majuscules...).
Définit la gestion des retours à la ligne du texte.
Définit la gestion des espaces multiples et des retours chariot.
Définit comment les espaces successifs doivent être réduits.
Définit si comment le navigateur doit supprimer les espaces réductibles.
Définit quelle logique le navigateur doit utilier pour identifier les limites des mots.
Substitue certains caractères de séparation de mots par d'autres.
Coupure des mots longs.
Normalise les caractères d'espacement (écritures CJK).
Permet d'ajuster l'espacement des mots.
Coupure des mots.