Partager via


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.