Marges intérieures et extérieures, ombrage de boîte

propriétés gérées:
margin, margin-bottom, margin-left, margin-right, margin-top, padding, padding-bottom, padding-left, padding-right, padding-top, box-shadow
padding et margin

Margin et padding

La marge (margin est l'espace situé à l'extérieur de la bordure de la boîte : exemple d'une marge de 1 pixels sur les 4 côtés.
Le padding est l'espace situé entre la bordure et la zone de texte : exemple d'un espacement avec 4 valeurs distinctes.

Ces deux propriétés se règlent de manière similaire dans le dialogue :
  • Si vous souhaitez 4 marges (ou espacements) identiques, cochez la case "Lier les 4 côtés" ;
  • Entrez sinon dans chaque case la valeur souhaitée.
  • Chaque valeur est une longueur ou un pourcentage ; Les unités possibles sont : px = nombre de pixels (unité par défaut), % = pourcentage, cm = centimètre, mm = millimètre, pt = point, em = valeur de font-size, ex = valeur de x-height, in = inch, pc = pica ;
  • Une case vide signifie «pas de valeur», une case contenant «0» veut dire marge ou padding à zéro.

Le bouton « Centrer horizontalement la boîte » applique une valeur "auto" aux marges droite et gauche.

Effacer

Cliquez le bouton Effacer ❌ pour effacer les réglages présents.

exemple de paragraphe avec padding-top:2px; padding-right:12mm; padding-bottom:20px; padding-left:5mm;

box-shadow : ombrage de boîte de texte

Cliquez le bouton box-shadow pour accéder au dialogue de saisie.

  • décalage horizontal de l'ombre par rapport à la boîte
  • décalage vertical
  • niveau de flou
  • couleur de l'ombre

Entrez les valeurs dans les champs ou utilisez les contrôles :

  • « main » pour décaler l'ombre,
  • scrollbar pour le niveau de flou,
  • bouton sélecteurs de couleurs pour l'ombre.

Cliquez le bouton Aucune pour supprimer une ombre préalablement saisie.

 ombrage de boite