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 :

margin-trim - Propriété CSS

margin-trim

Résumé des caractéristiques de la propriété margin-trim

Description rapide
Définit la gestion des marges successives au sein d'un même container.
Statut
Problèmes de compatibilité
Valeurs prédéfinies
none | block | inline | block-start | block-end | inine-start | inline-end
Pourcentages
Ne s'appliquent pas.
Valeur initiale
none
Héritée par défaut
Non
Type d'animation
Discrète : lors d'une animation, la propriété margin-trim passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Modèle de blocs
Références (W3C)
Statut du document:: WD (document de travail)

Description de la propriété margin-trim.

La définition de cette propriété n'est pas encore stabilisée par le W3C. Les navigateurs ne la traitent pas encore. Il est trop tôt pour l'utiliser.

margin-trim définit la gestion des marges entre les blocs d'un même type.

Remarque : il y a des particularités à connaître au sujet des marges successives. Voir les explications sur la fusion des marges sur la page de la propriété margin.

Prise en charge de la langue.

Certaines langues ont des modes d'écriture différents de celui des langues latines. Par exemple, les langues arables s'écrivent de droite à gauche, puis du haut vers le bas, les langues CJK s'écrivent du haut vers le bas, puis de la droite vers la gauche, etc.

La propriété margin-trim étant récente, elle prend en charge de façon native le mode d'écriture. En effet, ses valeurs sont construites à partir des mots block et inline, qui sont des valeurs logiques.

   

La direction et le sens d'écriture de ce texte s'adap­tent à la langue choisie.

Syntaxes pour margin-trim.

  • margin-trim: none;

  • margin-trim: block;

  • margin-trim: inline;

  • margin-trim: block-start; margin-trim: block-end; margin-trim: inline-start; margin-trim: inline-end;

  • margin-trim: initial; margin-trim: inherit; margin-trim: revert; margin-trim: revert-layer; margin-trim: unset;

    La valeur initiale est : none.

Simulateur.


Mode d'écriture :

margin-trim :
Ceci est le premier paragraphe
Ceci est le deuxième paragraphe
Ceci est le troisième paragraphe

Prise en charge par les navigateurs (compatibilité).

La propriété CSS margin-trim est encore très peu reconnue par les navigateurs. Il est donc trop tôt pour l'utiliser dans vos feuilles de styles.

1
margin-trim
Estimation de la prise en charge en pourcentage du parc actuel.
13%

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 margin-trim.

Les spécifications CSS éditées par le W3C sont organisées en modules. margin-trim fait partie du Module CSS - Modèle de blocs (CSS Box Model Module). Les définitions suivantes sont également décrites dans ce même module.

Propriétés.

Résumé des quatre marges.
Définit la marge après le bloc, compte-tenu du sens d'écriture.
Définit la marge avant le bloc, compte-tenu du sens d'écriture.
Marge du bas.
Définit la marge après la fin de ligne, compte-tenu du sens d'écriture.
Définit la marge avant le début des lignes de texte, compte-tenu du sens d'écriture.
Marge de gauche.
Marge de droite.
Marge du haut.
Marges intérieures des quatre cotés.
Définit la maarge intérieure à la fin du bloc, compte-tenu du sens d'écriture.
Définit la marge intérieure au début du bloc, compte-tenu du sens d'écriture.
Marge intérieure en bas.
Définit la marge intérieure du côté de la fin des lignes de texte, compte-tenu du sens d'écriture.
Définit la marge intérieure du côté du début des lignes de texte, compte-tenu du sens d'écriture.
Marge intérieure à gauche.
Marge intérieure à droite.
Marge intérieure en haut.