Le margin, ou marge en français, est un terme CSS qui désigne l'espace extérieur autour d'un élément (section, bloc ou contenu). Ce n'est pas une partie visible de l'élément lui-même mais plutôt un espace "vide" qui sépare l'élément d’un autre élément. En modifiant le margin, vous pouvez contrôler l'espacement entre les éléments de votre page, ce qui aide à structurer visuellement votre site sans altérer la taille intrinsèque des éléments.

Le padding est une propriété CSS qui définit l'espace entre le contenu d'un élément et ses bordures. Contrairement au margin, qui ajoute de l'espace à l'extérieur des bordures de l'élément, le padding s'applique à l'intérieur, augmentant ainsi l'espace autour du contenu interne de l'élément sans affecter sa position relative aux autres éléments.

Le gap est une propriété CSS utilisée pour définir l'espace entre les éléments dans des dispositions flexibles ou en grille. Ce terme est souvent associé à la gestion des espaces dans les grilles CSS entre les éléments (row-gap et column-gap). Le gap ajoute un espace uniforme entre les éléments, facilitant la création de designs cohérents et bien structurés sans ajuster les marges de chaque élément individuellement.

Dans Kehio Editor, la gestion des espacements est essentielle pour créer une interface claire et agréable à l'œil. Vous avez la possibilité de gérer ces espacements à deux niveaux distincts, au niveau des Contenus et au niveau des Blocs, chacun ayant son importance et nécessitant une cohérence pour assurer une expérience utilisateur optimale. Avec Kehio Editor, vous avez la possibilité de gérer les espacements sur toutes les résolutions grâce à la gestion des requêtes Media et ce sans ajouter une seule ligne de code. Vous permettant ainsi d’adapter efficacement votre contenu quelque soit l’appareil de navigation de votre visiteur.

Lorsque vous créez un contenu au sein d’un bloc, la marge détermine l’espace externe autour de ce contenu, essentiel pour une présentation cohérente. Kehio Editor offre des outils avancés pour ajuster ces marges grâce aux requêtes média (Media Queries) et à un aperçu en direct. Vous pouvez ainsi adapter les marges de votre contenu pour toutes les résolutions d’écran, garantissant une optimisation sur tous les appareils.

1- Cliquez sur le contenu que vous souhaitez gérer.

2- Dans le volet de droite, rendez- vous sur Margin.

3- Paramétrez votre Margin sur chaque Résolution souhaitée.

De la même manière, ajuster la marge d'un bloc entier vous permet de coordonner l'espacement entre les différents contenus de votre création. Cette fonctionnalité assure que l'ensemble du bloc s'harmonise visuellement, quelle que soit la résolution de l'écran.

1- Cliquez sur le Bloc que vous souhaitez gérer.

2- Dans le volet de droite, rendez- vous sur Margin.

3- Paramétrez votre Margin sur chaque Résolution souhaitée.

Comme pour le Contenu et les blocs, vous pouvez gérer aussi la marge (espacement extérieur de l’ensemble de la création et ce sur toute les résolutions afin d’adapter au mieux votre création avec les autres sections de votre thème.

1- Rendez-vous dans les paramètres de Kehio Editor.

2- Cliquez sur Général.

3- Ajustez les marges pour chaque résolution d’écran.

Le padding ou l'espacement interne, permet d'ajouter de l'espace à l'intérieur des limites d'un contenu (Item(s)), ce qui affecte la position de son contenu interne mais pas sa position externe par rapport à d'autres éléments comme un arrière plan de couleur par exemple. Tout comme pour les marges, nous avons intégré des options avancées pour optimiser le padding de votre contenu sur toutes les résolutions avec la gestion des requêtes média (media queries).

De manière similaire au contenu, le padding du Bloc peut être ajusté pour harmoniser les espaces interne de ce bloc, c’est une fonctionnalité utile, en particulier lorsqu'un arrière-plan coloré est ajouté au bloc.

Comme pour le Contenu et les blocs, vous pouvez gérer aussi le padding (espacement intérieur) de l’ensemble de la création et ce sur toutes les résolutions afin d’adapter au mieux votre création avec les autres sections de votre thème.

1- Rendez-vous dans les paramètres de Kehio Editor.

2- Cliquez sur Général.

3- Ajustez les paddings pour chaque résolution d’écran.

Le gap, connu aussi sous le terme d'espacement des grilles ou entre éléments, est utilisé pour créer de l'espace entre les items d'un même contenu. Ce réglage est particulièrement efficace pour ajuster rapidement et proprement les espaces entre les différents composants d'un contenu sans affecter leur alignement global. L'utilisation du gap permet une gestion d'espacement plus directe et est souvent plus pratique que d'utiliser des marges, surtout dans des grilles complexes ou des layouts flexibles.

Le gap dans le contexte d'un bloc entier permet de définir l'espacement entre les contenus multiples au sein d'un même bloc. Cela est utile pour maintenir une cohérence visuelle entre différentes sections tout en permettant une flexibilité maximale dans la présentation des éléments.

Si vous avez besoin d’aide pour ajuster vos espacements avec Kehio Editor, n’hésitez pas à nous contacter, notre équipe est disponible pour vous accompagner par email ou par chat.