Contenu
Plus d'information
Personnaliser le style du formulaire de paiement du widget est possible en surchargeant la feuille de style fournit par défaut par Payline. Les fonctions de personnalisation du Widget en mode lightbox et en mode in-shop (tab/colonne). Les attributes CSS pour l'intégration Widget : public static STYLE_ELEMENT_KEYS = ["font-size", "font-family", 'font-weight', 'font-style', "color", "padding-top", "padding-right", "padding-bottom", "padding-left", 'text-transform', 'text-decoration', 'letter-spacing', 'word-spacing', 'line-height', 'text-align', 'vertical-align', 'direction', 'background-color', 'background-image', 'background-repeat', 'background-position', 'background-attachment', 'opacity', 'margin-top', 'margin-left', 'margin-right', 'margin-bottom'];
Le détail de la liste des CSS:
| Description | CSS |
|---|---|
| Définit la taille de caractères de l'élément. | font-size |
| Définit la famille de polices à utiliser pour afficher le contenu. | font-family |
| Définit l'épaisseur de la police de caractères à appliquer à l'élément. | font-weight |
| Détermine si l'élément doit être affiché en caractères normaux, italiques ou obliques. | font-style |
| Définit la couleur du texte affiché au premier-plan de l'élément. | color |
| Ces quatre propriétés permettent de définir individuellement le remplissage à appliquer à chaque côté d'un élément. | padding-top, padding-bottom, padding-right, padding-left |
| Contrôle la capitalisation du texte d'un élément. | text-transform |
| Définit les enrichissements à appliquer au contenu d'un élément (souligné, barré, barre supérieure et clignotement). | text-decoration |
| Définit l'espacement entre les caractères à l'intérieur d'un élément. | letter-spacing |
| Définit l'espacement entre les mots lorsque le texte n'est pas soumis à des règles d'espacement externes. | word-spacing |
| Définit la hauteur de la zone contenant une ligne physique du contenu. | line-height |
| Détermine l'alignement horizontal du texte à l'intérieur d'un élément. | text-align |
| Deux valeurs, top et bottom, déterminent le positionnement du texte à l'intérieur de ce cadre. | vertical-align |
| Définit le sens d'affichage des éléments de contenu incorporés et l'ordre de remplissage des cellules de tableau sur une ligne. | direction |
| Définit la couleur d'arrière-plan de l'élément. | background-color |
| Définit l'image d'arrière-plan à associer (le cas échéant) à l'élément. | background-image |
| Indique la nécessité ou non de répéter l'image d'arrière-plan. | background-repeat |
| Définit l'emplacement du bord gauche et du bord supérieur de l'image d'arrière-plan. | background-position |
| Définir si l'image défile par rapport au document. | background-attachment |
| L'opacité d'un élément est le contraire de sa transparence | opacity |
| Définir les marges d'un élément. | margin-top, margin-top, margin-left, margin-right, margin-bottom |
Pages associées