DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Styles / Styles CSS
  • Présentation
  • La gestion des états
  • Onglet Texte
  • Polices
  • Taille
  • Décoration
  • Autres paramètres de la police
  • Paragraphes
  • Onglet Fond
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation
Cette fenêtre permet de décrire un style CSS utilisé pour les champs de votre projet WEBDEV.
Cette fenêtre permet de :
  • Modifier les caractéristiques d'un style existant. Il suffit de sélectionner le style, l'état et les caractéristiques du style sélectionné puis de valider.
    Remarques :
    • Si le style n'est pas "Local" au champ, ces modifications seront effectuées sur tous les champs qui utilisent le style modifié.
    • Si le style est "local au champ", seul le style du champ sera modifié. Cependant, le style sera incorporé à la page HTML (conséquence : page plus lente à charger).
  • Créer un nouveau style : Cliquez sur le bouton [Créer], saisissez le nom du style, puis ses caractéristiques et validez.
  • Renommer un style : Cliquez sur le bouton [Renommer] et indiquez le nouveau nom du style.
    Attention : cette option est déconseillée. En effet, cette option perd tous les liens entre les champs utilisant le style et le style renommé. Pour les champs utilisant le style avant renommage, ce style sera transformé en style "Local".
Cette page d'aide détaille les différentes options de l'onglet "Texte" et de l'onglet "Fond". L'aperçu permet de voir dynamiquement les caractéristiques du style.
La gestion des états
Il est possible de définir une variation de style pour chaque état géré par la feuille de style CSS. Les propriétés <Non définie> utilisent les propriétés de l'état "Normal". Dans l'état "Normal", si une propriété est <Non définie>, les options correspondantes définies dans le navigateur de l'internaute seront prise en compte.
Remarque : Certains états ne sont pas disponibles pour tous les types de champs. Le tableau ci-dessous présente les différents états possibles en fonction des champs et des navigateurs :
SurvolActifLien non visitéLien visitéPremier filsPremière lettrePremière ligne
LibelléXX
Libellé HTMLX (FireFox uniquement)XX
Bouton graphiqueXXXX (Internet Explorer uniquement)X (FireFox uniquement)
Bouton Java
Bouton texteX (FireFox uniquement)X (FireFox uniquement)X (FireFox uniquement)
LienXXXXX (FireFox uniquement)X
ImageX (FireFox uniquement)X (FireFox uniquement)X (FireFox uniquement)
Image cliquableX (FireFox uniquement)X (FireFox uniquement)X (FireFox uniquement)
VignetteX (FireFox uniquement)X (FireFox uniquement)X (FireFox uniquement)
Champ d'affichage formatéXX
Champ de saisieX (FireFox uniquement)X (FireFox uniquement)X (FireFox uniquement)
SélecteurX (FireFox uniquement)
Interrupteur
ListeX (FireFox uniquement)X (FireFox uniquement)X (FireFox uniquement)
ComboX (FireFox uniquement)X (FireFox uniquement)X (FireFox uniquement)
TableX (FireFox uniquement)XX
RégletteXX
ArbreXXXX (Internet Explorer uniquement)X (FireFox uniquement)
LigneX (FireFox uniquement)
Chemin de navigationXXXXX (FireFox uniquement)
Onglet Texte

Polices

Sélectionnez une des familles de polices disponibles.
Une famille de polices est un ensemble ordonné de polices. Si la première police n'est pas disponible sur le poste de l'internaute, la deuxième police est recherchée. Si cette police est disponible, elle est utilisée, sinon la police suivante est recherchée.
Le bouton [...] permet de créer de nouvelles familles de polices, de dupliquer et de modifier des familles existantes.
Pour plus de détails, consultez Famille de polices.

Taille

Sélectionnez la taille de la police. Les tailles possibles sont :
  • Une taille définie, précisée dans une unité spécifique (pixels, centimètres, millimètres, pouces, point, pica, pourcentage, ...).
  • Une taille relative à la police en cours (au moment de l'affichage de la page) :
  • xx-small : Taille extrêmement petite
  • x-small : Taille très petite
  • small : Taille petite
  • medium : Taille normale
  • x-large : Taille grande
  • xx-large : Taille très grande
  • -1 : la plus petite taille
  • +1 : la plus grande taille

Décoration

Options supplémentaire de mise en forme de la police. Ces options permettent par exemple de souligner des liens ou de les barrer.
  • Aucune : pas de décoration supplémentaire particulière
  • Barré : le texte est barré : un trait apparaît au milieu du texte. Exemple : a
  • Souligné : le texte est souligné. Exemple : B
  • Clignotant : le texte clignote (cette option n'a d'effet que si l'internaute utilise le navigateur Netscape)
  • Surligné : un trait est présent au dessus du texte.

Autres paramètres de la police

AlignementPrésentation du texte : aligné à gauche, centré, aligné à droite ou justifié (aligné à gauche et à droite).
Alignement verticalAlignement du texte en hauteur par rapport à la zone disponible.
CasseMise en forme du caractère : 1ère lettre en majuscule, majuscule, minuscule ou aucune (par défaut)
CésureGestion de la césure des mots. Il est possible d'utiliser une césure classique ou bien de couper les mots si nécessaire.
CouleurSélectionnez la couleur de la police.
GraisseÉpaisseur du caractère. Il est possible de sélectionner :
  • une graisse prédéfinie (normal, gras, épais, léger)
  • une épaisseur (de 100 à 900)
IndentationRetrait de première ligne. Indiquez une valeur qui peut être exprimée en pixels, centimètres, millimètres, pouces, point, pica, pourcentage, ...
InterlettrageEspace entre les lettres. Indiquez une valeur qui peut être exprimée en pixels, centimètres, millimètres, pouces, point, pica, pourcentage, etc.
InterligneEspace entre les lignes. Indiquez une valeur qui peut être exprimée en pixels, centimètres, millimètres, pouces, point, pica, pourcentage, etc.
StyleStyle des caractères : normal, italique, oblique
VarianteMode d'affichage des caractères : normal ou petites majuscules.

Paragraphes

Il est possible de gérer l'espacement avant et après chaque paragraphe. Il suffit de préciser la valeur de l'espacement et l'unité choisie.
Onglet Fond
Les caractéristiques modifiables sur l'onglet "Fond" sont les suivantes :
CouleurSélectionnez la couleur de fond du champ.
ImageImage affichée en fond du champ. L'image choisie doit être présente dans le répertoire des images du projet (<NomProjet>_WEB).
RépétitionRépétition de l'image dans le champ. L'image peut être répétée :
  • en mosaïque (option répétée)
  • à l'horizontal (option répétée X)
  • à la verticale (option répétée Y)
Position fixeSi cette option est choisie, l'image ne sera pas déplacée ("scrollée") lors de l'utilisation de l'ascenseur.
Position horizontale et verticalePosition de l'image par rapport au champ. La valeur indiquée peut être exprimée en pixels, centimètres, millimètres, pouces, point, pica, pourcentage, ...
Version minimum requise
  • Version 9
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 12/09/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale