Utilisation de classes de feuilles de style en cascade dans SharePoint Foundation
Dernière modification : samedi 1 mai 2010
S’applique à : SharePoint Foundation 2010
Les feuilles de style en cascade (CSS, Cascading Style Sheet) définissent des règles de style qu’un développeur peut appliquer à des éléments dans une page Web. Par exemple, les styles CSS peuvent définir l’affichage des éléments et leur emplacement sur la page. Vous pouvez utiliser des feuilles CSS conjointement avec ECMAScript (JavaScript, JScript) et les éléments HTML définis dans la page maître (v4.master) et dans les pages individuelles pour personnaliser l’affichage des sites Web Microsoft SharePoint Foundation.
Classes CSS et éléments de la page d’accueil du site d’équipe
Le tableau suivant recense une série de styles CSS et d’éléments de niveau supérieur utilisés sur la page d’accueil par défaut du site d’équipe. Utilisez ce tableau comme point de départ pour comprendre comment personnaliser SharePoint Foundation à l’aide de feuilles de style en cascade. Pour plus d’informations, voir Feuilles de style en cascade (éventuellement en anglais).
Élément |
Classe(s) CSS |
Remarques |
|---|---|---|
<body> |
v4master |
Applique les styles CSS dans corev4.css à la page. |
Conteneur du Ruban |
s4-pr |
Applique au conteneur du Ruban toute la largeur de la ligne de page. |
s4-ribbonrowhidetitle |
Permet d’afficher ou de masquer la zone de titre du Ruban lorsque celui-ci est ouvert ou fermé. |
|
ms-cui-ribbon |
Définit la classe CSS de Ruban principale. |
|
ms-cui-ribbonTopBars |
Définit les éléments au-dessus du corps du Ruban, depuis le haut de la page jusqu’aux titres des onglets du Ruban inclus. |
|
Menu Actions du Site |
ms-siteactionsmenu |
Définit des styles pour le menu Actions du site dans son ensemble. |
ms-siteactionsmenuinner |
Définit des styles pour le menu Actions du site interne. |
|
ms-menu-a |
Définit la propriété margin-right du menu supérieur. |
|
Menu de navigation |
s4-breadcrumb-menu |
Définit des styles pour le menu de navigation dans son ensemble. |
s4-breadcrumb-anchor |
Définit des styles liés au pointage des éléments du menu de navigation. |
|
En-tête du menu de navigation |
s4-breadcrumb-top |
Définit des styles sur la zone supérieure du menu de navigation lorsque l’arborescence déroulante est ouverte. |
s4-breadcrumb-header |
Définit des styles sur l’icône de dossier de navigation lorsque le menu déroulant de l’arborescence de navigation est sélectionné. |
|
Eléments du menu de navigation |
s4-breadcrumb |
Définit des styles d’élément de navigation. |
s4-breadcrumbRootNode |
Définit des styles sur l’élément d’arborescence racine du site d’équipe de navigation. |
|
s4-breadcrumbCurrentNode |
Définit des styles sur élément d’arborescence de la page d’accueil de navigation. |
|
Onglet Edition |
ms-qatbutton |
Définit des styles sur l’onglet Edition. |
Onglet Parcourir |
ms-cui-tts |
Définit des styles pour le conteneur du titre de l’onglet. |
ms-cui-tt |
Définit des styles pour le titre de l’onglet. |
|
ms-browseTab |
Définit des styles spécifiques à l’onglet Parcourir |
|
ms-cui-tt-s |
Définit des styles pour un titre d’onglet sélectionné. |
|
ms-cui-tt-a |
Définit des styles pour l’ancrage du titre de l’onglet du Ruban (élément de lien qui permet de cliquer sur le titre de la table). |
|
ms-cui-tt-span |
Définit des styles pour l’étendue du titre de l’onglet. |
|
Onglet Page |
ms-cui-tt |
Définit des styles pour le titre de l’onglet. |
ms-cui-tt-a |
Définit des styles pour l’ancrage du titre de l’onglet du Ruban (élément de lien qui permet de cliquer sur le titre de la table). |
|
ms-cui-tt-span |
Définit des styles pour l’étendue du titre de l’onglet. |
|
Menu Utilisateur |
s4-trc-container-menu |
Définit des styles pour le menu de conteneur de l’angle supérieur droit. |
ms-SPLink |
Définit des styles appliqués à un élément de menu. |
|
ms-welcomeMenu |
Définit la propriété margin-right d’un élément de menu déroulant. |
|
ms-menu-a |
Définit la propriété margin-right du menu supérieur. |
|
Ligne de titre |
s4-pr |
Applique à la ligne de titre toute la largeur de la ligne de page. |
s4-title |
Définit des styles sur les éléments de titre de page. |
|
s4-lp |
Définit des styles pour les éléments situés dans la partie gauche de la page. |
|
s4-titlelogo |
Définit la marge et l’alignement sur l’image de logo de titre. |
|
s4-titletext |
Définit des styles sur tout le texte à droite du graphique de logo de page. |
|
Zone de recherche |
s4-search |
Définit des marges intérieures sur le contrôle de recherche dans le menu secondaire. |
s4-rp |
Définit des styles pour les éléments situés dans la partie droite de la page. |
|
Éléments de menu de la barre de lancement rapide |
menu-item |
Définit des styles pour le bouton Accueil situé sous le logo du site. |
menu-item-text |
Définit des styles sur le texte du bouton Accueil. |
|
Lien Corbeille |
s4-rcycl |
Définit des styles spécifiques à l’élément de lien Corbeille. |
ms-splinkbutton-text |
Définit des styles sur l’élément de lien. |
|
Lien Tout le contenu du site |
s4-specialNavIcon |
Définit des styles spécifiques à l’élément de lien Tout le contenu du site. |
ms-splinkbutton-text |
Définit des styles sur l’élément de lien. |
|
Liens Documents partagés |
ms-WPHeaderTd |
Définit des styles sur la section d’en-tête dans le composant WebPart. |
ms-standardheader |
Définit des styles d’en-tête standard. |
|
ms-WPTitle |
Définit des styles sur le titre du composant WebPart. |
|
Menu du composant WebPart |
ms-WPHeaderTdMenu |
Définit des styles sur le menu du composant WebPart. |
ms-WPHeaderMenuImg |
Définit des styles sur l’image du menu du composant WebPart. |
|
Case à cocher de sélection |
ms-WPHeaderTdSelection |
Définit des styles sur la case à cocher de sélection de composant WebPart. |
ms-WPHeaderTdSelSpan |
Définit des styles d’étendue sur la case à cocher de sélection de composant WebPart. |
|
case à cocher de sélection d’élément |
ms-vh-icon |
Définit des styles sur l’icône de la case à cocher de sélection d’élément. |
ms-vh2 |
Définit la propriété height. |
|
Option Type, option Nom, option Modifié, option Modifié par |
ms-vh-div |
Définit la propriété padding-top. |
s4-ctx |
Définit les propriétés padding, position et display sur le menu déroulant. |
|
ms-vh2 |
Définit la propriété height. |
|
Texte Documents partagés |
ms-vb |
Définit des styles sur la zone de texte du groupe de contrôles Documents partagés (bas du groupe). |
Lien Ajouter un document |
ms-addnew |
Définit des styles spécifiques au lien Ajouter un document. |
Image photo |
ms-rte-layoutszone-outer |
Classe d’éditeur de texte enrichi qui définit la propriété float sur les contrôles du composant WebPart de la page d’accueil du site d’équipe. |
ms-rte-layoutszone-inner |
Classe d’éditeur de texte enrichi qui définit des styles sur les zones de contenu du composant WebPart de la page d’accueil du site d’équipe. |
|
ms-rteThemeForeColor-5-5 |
Classe d’éditeur de texte enrichi qui définit la couleur de premier plan du thème (sur bleu foncé) sur la zone Wiki Prise en main. |
|
Zone Prise en main |
ms-rte-layoutszone-outer |
Classe d’éditeur de texte enrichi qui définit la propriété float sur les contrôles du composant WebPart de la page d’accueil du site d’équipe. |
ms-rte-layoutszone-inner |
Classe d’éditeur de texte enrichi qui définit des styles sur les zones de contenu du composant WebPart de la page d’accueil du site d’équipe. |
|
ms-rteThemeForeColor-5-5 |
Classe d’éditeur de texte enrichi qui définit la couleur de premier plan du thème (sur bleu foncé) sur la zone Wiki Prise en main. |
|
Partager ce site, Modifier le thème du site, Définir une icône du site, Personnaliser les liens de la barre de lancement rapide |
ms-rteTable-0, ms-rteTableEvenRow-0, ms-rteTableEvenCol-0, ms-rteTableOddCol-0, ms-rteTableOddRow-0 |
Classes d’éditeur de texte enrichi qui définissent des styles sur les contrôles sous la zone Wiki Prise en main. |