Documentation en français du builder Oxygen

Bordures

Les bordures font ressortir les éléments d’une page. Elles sont couramment utilisées pour les boutons, les conteneurs et partout où la distinction de contenu doit être évidente.

Réglages de bordure

Contrôlez les bordures via Advanced > Borders.

Color – Couleur

Définir de la couleur de la bordure.

Width – Largeur

Définir l’épaisseur de la bordure.

Style

Le style de bordure par défaut est none (sans bordure).

Pour rendre la bordure visible, définissez ce paramètre sur l’un des éléments suivants :

  • dotted – Spécifie une bordure en pointillés.
  • dashed – Spécifie une bordure en tirets.
  • solid – Spécifie une bordure pleine.

Modifier un seul côté de bordure

Par défaut, vous éditez toutes les bordures simultanément.

Si vous souhaitez modifier un seul côté, sélectionnez-le via le menu déroulant Currently Editing.

Rayon de la bordure

L’effet de la définition du rayon de la bordure se traduit par des angles arrondis. En fait, les boutons dont les côtés gauche et droit sont circulaires sont en fait des rectangles aux bords arrondis. Leur rayon d’arrondi peut être assez grand pour leur donner une apparence circulaire.

Entrez le rayon en pixels pour arrondir les bordures pour tous les coins.

Modifier individuellement un rayon

Si vous souhaitez arrondir que certains coins, vous pouvez cliquer sur le lien Edit individual radii sous le champ Border Radius.

Supprimer les réglages bordure

Pour réinitialiser tous les paramètres de bordure, cliquez sur unset all borders. Les styles définis pour toutes les bordures sont effacés.

Conseils de style pour les bordures

  • Si vous avez un élément clair sur un fond sombre, utilisez une couleur de bordure légèrement plus sombre que celle de l’arrière-plan.
  • Si vous avez un élément sombre sur un fond clair, utilisez une couleur de bordure légèrement plus sombre que celle de l’élément.
  • Pour assombrir le bord d’un élément, utilisez une bordure noire semi-transparente et définissez l’option padding-box dans Advanced > Background.

Greg C. / Ph. Reskator

Besoin d’un complément d’information ? Retrouvez-nous sur le groupe de soutien
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram