---
title: "Ajuster l'espacement intérieur d'un bloc"
description: "Saisissez les poignées intérieures d'un bloc sélectionné pour régler directement sa marge intérieure sur la canvas, sans ouvrir le panneau de style."
url: https://docs.vivlab.com/editor/interaction/padding
---

# Espacement intérieur

Quand un bloc est sélectionné, ses marges intérieures (padding) sont surlignées en vert et une **poignée** apparaît sur chaque côté qui possède déjà une marge. Saisissez-la pour ajuster directement cette marge sur la canvas, sans avoir à passer par le [panneau de style](https://docs.vivlab.com/editor/style/padding.md).

Un côté à 0 n'affiche pas de poignée : donnez-lui une première valeur depuis le [panneau de style](https://docs.vivlab.com/editor/style/padding.md), puis affinez-la sur la canvas.

<DocsScreenshot name="editor-padding-canvas" alt="Les quatre espacements sont visibles autour du contenu sélectionné." :width="410" :height="163" />

## Modifier un seul côté

Glissez une poignée vers l'**intérieur** pour augmenter la marge sur ce côté, ou vers l'**extérieur** pour la réduire (jusqu'à 0). Chaque côté se règle indépendamment :

- **Haut** : espace entre le contenu et le haut du bloc.
- **Droite** : espace à droite.
- **Bas** : espace en bas.
- **Gauche** : espace à gauche.

Les valeurs s'arrondissent au pixel près.

## Voir les valeurs

Chaque poignée affiche en permanence la valeur de son côté en pixels. Vous pouvez ainsi régler précisément un espacement (par exemple **24 px**) sans avoir à le taper dans le panneau de style.

## Bordure et padding

Si le bloc possède une [bordure](https://docs.vivlab.com/editor/style/border.md), les poignées de padding restent à l'intérieur de la bordure : la marge se calcule entre le contenu et la bordure, pas entre le contenu et le bord externe du bloc.

## Synchronisation avec le panneau de style

Les valeurs ajustées ici sont immédiatement reflétées dans la rubrique [Espacement intérieur](https://docs.vivlab.com/editor/style/padding.md) du panneau de style, et inversement. Les deux méthodes modifient la même valeur, vous pouvez donc utiliser la plus pratique selon le contexte.
