PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

Accueil | Connexion | Français FR
  • Présentation
  • Les styles CSS sont les styles standard utilisés sur Internet.
  • Gestion des styles CSS
  • Style d'un champ
  • Éditer les styles CSS
  • Importer une feuille de styles CSS
  • Présentation
  • Les styles CSS sont les styles standard utilisés sur Internet.
  • Gestion des styles CSS
  • Création et modification d'un style CSS
  • Création et modification depuis la fenêtre de description du style d'un champ
  • Associer un style CSS à un champ
  • Surcharger le style CSS associé un champ
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget iOSApple WatchCatalystUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Présentation

Les styles CSS sont les styles standard utilisés sur Internet.

Un style CSS permet de définir les caractéristiques de style d'un champ.
Si plusieurs champs d'un projet utilisent le même style CSS, la modification du style effectuée depuis un champ sera répercutée sur tous les champs du projet utilisant ce style CSS.
Remarque : Si le style est "local au champ", seul le style du champ en cours sera modifié. Cependant, le style sera incorporé à la page HTML (conséquence : page plus lente à charger).
Gestion des styles CSS

Style d'un champ

La fenêtre de description des champs permet de gérer le style de ce champ (onglet "Style"). Il est possible d'associer ce champ :
  • à un style WEBDEV (sélecteur "Style WEBDEV"). Pour plus de détails, consultez Styles WEBDEV.
  • à un style CSS (sélecteur "Aspect libre"). Selon le type de champ, plusieurs styles CSS peuvent être utilisés pour différents éléments du champ. Par exemple, pour un champ de type Liste, un style CSS est utilisé pour le libellé du champ et un style CSS est utilisé pour les éléments intérieurs du champ.
Le style CSS associé à un champ peut être local ou non.
Si le style est local, cela signifie que ce style est associé au champ en cours (et ne dépend plus des modifications apportées dans la feuille de styles du projet). Ce style ne sera pas celui défini dans la feuille de styles CSS : ce style sera défini directement dans le fichier HTM de la page.
Il est déconseillé d'utiliser des styles "local à un champ" car cette option augmente la taille des pages HTML générées (et donc le temps de chargement de la page sur le navigateur de l'internaute).
Le bouton permet d'éditer les caractéristiques du style CSS. Pour plus de détails sur les manipulations possibles, consultez Description du style CSS.

Éditer les styles CSS

WEBDEV offre la possibilité d'éditer les styles CSS présents dans la feuille de styles associée au projet.
Pour plus de détails, consultez Edition des feuilles de styles.

Importer une feuille de styles CSS

WEBDEV offre la possibilité d'importer les styles d'une feuille de styles CSS existante.
Pour plus de détails, consultez Importer une feuille de styles CSS.
Présentation

Les styles CSS sont les styles standard utilisés sur Internet.

Un style CSS permet de définir certaines caractéristiques de style d'un champ. Les styles CSS sont inclus et utilisés par les styles WEBDEV.
WEBDEV permet de gérer les styles CSS. Il est possible de :
  • Créer un style CSS.
  • Modifier un style CSS.
  • Associer un style CSS à un champ.
  • Surcharger le style CSS associé à un champ.
Gestion des styles CSS

Création et modification d'un style CSS

La création et la modification d'un style CSS peut être effectuée :
  • depuis la fenêtre de description des styles d'un champ.
  • depuis la fenêtre de gestion des styles CSS. Pour plus de détails, consultez Edition des feuilles de styles CSS.

Création et modification depuis la fenêtre de description du style d'un champ

La fenêtre de description des champs permet de gérer le style de ce champ (onglet "Style"). Différents éléments sont gérés par l'onglet "Style". Les éléments pouvant utiliser un style CSS sont identifiés par "(CSS)" à la fin de leur libellé. Selon le type de champ, plusieurs styles CSS peuvent être utilisés pour différents éléments du champ. Par exemple, pour un champ de type Liste :
  • un style CSS est utilisé pour le libellé du champ
  • un style CSS est utilisé pour les éléments intérieurs du champ.
Le style CSS associé à un élément d'un champ peut être local ou non.
Si le style est local, cela signifie que ce style est associé au champ en cours (et ne dépend plus des modifications apportées dans la feuille de styles du projet). Ce style ne sera pas celui défini dans la feuille de styles CSS : ce style sera défini directement dans le fichier HTM de la page.
Il est déconseillé d'utiliser des styles "local à un champ" car cette option augmente la taille des pages HTML générées (et donc le temps de chargement de la page sur le navigateur de l'internaute).
Si le style CSS correspond au nom d'un style CSS, cela signifie que le champ utilise un style CSS défini dans la feuille de styles CSS. Si le style CSS est modifié, tous les champs utilisant ce style CSS seront mis à jour.
Le bouton permet d'éditer les caractéristiques du style CSS. Il est possible :
  • d'éditer le style local
  • d'éditer le style CSS utilisé.
  • de créer un nouveau style CSS pour l'associer au champ.
Pour plus de détails sur la description d'un style CSS, consultez Fenêtre de description d'un style CSS.

Associer un style CSS à un champ

Pour associer un style CSS à un champ, il suffit d'indiquer dans la fenêtre de description du style, le style CSS à utiliser pour l'élément voulu.

Surcharger le style CSS associé un champ

Attention : Une modification effectuée dans la partie basse des caractéristiques du style ne modifie pas le style CSS associé au champ : cette modification redéfinit le style CSS localement. Seules les caractéristiques du style CSS du champ en cours sont surchargées. Cette modification n'est pas appliquée à tous les champs utilisant le style CSS.
Voir Aussi
Version minimum requise
  • Version 9
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire