Disposition - Ligne

Pour déterminer la couleur de fond et/ou l’image d’arrière-plan par rapport au conteneur et à la largeur de la zone de contenu, choisissez l’alignement :

Saisissez le Minimum Height pour la ligne. Cette valeur peut être un nombre avec n’importe quelle unité CSS valide (telle que 100px, 50%, 50em, 100vh) ou un calcul (telle que 100vh - 237px).

Vous pouvez, par exemple, définir la hauteur minimale d’une ligne pour étirer la hauteur totale de la page, ce qui vous donne des options attrayantes pour les images et vidéos d’arrière-plan de la page entière.

Choisissez un paramètre Vertical Alignment pour aligner les conteneurs de contenu qui sont ajoutés à la ligne (Haut, Centre ou Bas).

Background Image - Si nécessaire, utilisez les outils fournis pour choisir une image d’arrière-plan à appliquer à la ligne :

table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
Option	Description
Upload	Télécharge un fichier image de l’ordinateur local vers la galerie, puis l’applique comme image d’arrière-plan de la ligne.
Select from Gallery	Vous invite à choisir une image existante de la galerie comme image d’arrière-plan pour la ligne.
{width="25"}	Permet de faire glisser l’image sur la mosaïque de l’appareil photo ou de naviguer jusqu’à l’image dans votre système de fichiers local.

Background Mobile Image - Si nécessaire, utilisez les mêmes outils pour choisir une image d’arrière-plan différente à utiliser pour l’affichage sur les appareils mobiles.

Background Size - Définissez cette option pour déterminer la mise à l’échelle de l’image d’arrière-plan par rapport à la largeur de la ligne :

{width="250"}

Background Position - Définissez cette option pour déterminer comment l’image d’arrière-plan est ancrée par rapport à la ligne :

Le point d’ancrage est semblable à une épingle push qui joint l’image à la rangée à la position d’arrière-plan spécifiée.

Background Attachment - Définissez le type de pièce jointe pour déterminer le déplacement de l’image d’arrière-plan par rapport à la page de défilement :

Background Repeat - Défini sur Yes pour répéter l’image d’arrière-plan afin de remplir l’espace disponible dans la ligne.

Video URL - Entrez une URL de vidéo valide. Les URL de vidéo valides peuvent être des liens vers :

• Vidéos YouTube : https://youtu.be/CoDhMRUUjeI
• Vidéos Vimeo : https://vimeo.com/190156113
• Fichiers vidéo valides (.mp4 recommandé) : https://myvideos.com/spiral.mp4

{width="300"}

Overlay Color - Sélectionnez une couleur pour appliquer une teinte transparente à la vidéo.

Infinite Loop - Définissez cette variable sur No pour que la vidéo soit lue une fois et s’arrête. Lorsque cette option est définie sur Yes (valeur par défaut), la vidéo se répète en boucle infinie.

Lazy Load - Défini sur No pour que la vidéo se charge avec la page, même lorsqu’elle n’est pas visible. Lorsque cette option est définie sur Yes (par défaut), la vidéo se charge à partir de la source uniquement lorsqu’elle est visible à l’écran.

Play Only When Visible - Définissez cette variable sur No pour que la lecture de la vidéo démarre immédiatement après son chargement, qu’elle soit visible ou non. Lorsque cette option est définie sur Yes (valeur par défaut), la lecture de la vidéo démarre uniquement lorsqu’elle est visible.

Fallback Image - Si nécessaire, spécifiez une image à afficher à l’écran avant le chargement de la vidéo et si la vidéo ne se charge pas pour une raison quelconque.

Pour contrôler le positionnement horizontal des conteneurs de contenu qui sont ajoutés à la ligne, choisissez un Alignment :

Définissez le style Border appliqué aux quatre côtés du conteneur de lignes :

Si vous définissez un style de bordure autre que None, renseignez les options d’affichage de la bordure :

{width="600" modal="regular"}

La ligne de l’exemple suivant a un rayon de bordure de 15.

{width="500"}

(Facultatif) Indiquez les noms de CSS classes dans la feuille de style actuelle à appliquer au conteneur de lignes.

Séparez plusieurs noms de classe par un espace.

Entrez des valeurs, en pixels, pour que Margins and Padding indique les marges extérieures et le remplissage intérieur de la ligne.

Saisissez chaque valeur correspondante dans le diagramme de conteneur de lignes.

{width="600" modal="regular"}