Использование класса каскадных таблиц стилей в SharePoint Foundation
Дата последнего изменения: 9 марта 2015 г.
Применимо к: SharePoint Foundation 2010
Каскадные таблицы стилей (CSS) определяют правила стилей, которые разработчик может применять к элементам на веб-странице. Например, в CSS-стилях может определяться способ отображения и место размещения элементов на странице. CSS-стили можно использовать вместе с ECMAScript (JavaScript, JScript) и элементами HTML, определенным на главной странице (v4.master) и отдельных страницах, для настройки отображения веб-сайтов Microsoft SharePoint Foundation.
Элементы страницы и CSS-классы "Домашней страницы сайта группы"
В следующей таблице приведены некоторые элементы верхнего уровня и CSS-стили, используемые на домашней странице сайта группы по умолчанию. Используйте эту таблицу в качестве отправного пункта при изучении использования каскадных таблиц стилей для настройки SharePoint Foundation. Дополнительные сведения см. в статье Каскадные таблицы стилей (Возможно, на английском языке).
Элемент |
CSS-класс(ы) |
Примечания |
|---|---|---|
<body> |
v4master |
Применяет CSS-стили в corev4.css к странице. |
Контейнер ленты |
s4-pr |
Увеличивает контейнер ленты до полной ширины строки на странице. |
s4-ribbonrowhidetitle |
Используется для отображения или скрытия области заголовков ленты при открытии или закрытии ленты. |
|
ms-cui-ribbon |
Определяет главный CSS-класс ленты. |
|
ms-cui-ribbonTopBars |
Определяет элементы над телом ленты от верхней части страницы вверх до заголовков вкладок ленты включительно. |
|
Меню действий сайта |
ms-siteactionsmenu |
Задает стили меню "Действия сайта" в целом. |
ms-siteactionsmenuinner |
Задает стили для внутреннего меню "Действия сайта". |
|
ms-menu-a |
Задает свойство margin-right главного меню. |
|
Меню "Цепочка переходов" |
s4-breadcrumb-menu |
Задает стили меню "Цепочка переходов" в целом. |
s4-breadcrumb-anchor |
Задает стили при наведении указателя мыши над меню "Цепочка переходов". |
|
Заголовок меню "Цепочка переходов" |
s4-breadcrumb-top |
Задает стили верхней области меню "Цепочка переходов" при открытом раскрывающемся дереве. |
s4-breadcrumb-header |
Задает стили для значка папки цепочки переходов, когда выделено раскрывающееся меню дерева цепочки переходов. |
|
Элементы меню "Цепочка переходов" |
s4-breadcrumb |
Задает стили элементов цепочки переходов. |
s4-breadcrumbRootNode |
Задает стили для корневого элемента цепочки переходов для сайта группы. |
|
s4-breadcrumbCurrentNode |
Задает стили для элемента "Домашняя страница" цепочки переходов. |
|
Вкладка "Правка" |
ms-qatbutton |
Задает стили для вкладки "Правка". |
Вкладка "Обзор". |
ms-cui-tts |
Задает стили для контейнера заголовка вкладки. |
ms-cui-tt |
Задает стили для заголовка вкладки. |
|
ms-browseTab |
Задает стили для вкладки "Обзор". |
|
ms-cui-tt-s |
Задает стили для выбранного заголовка вкладки. |
|
ms-cui-tt-a |
Задает стили для якоря заголовка вкладки на ленте (элемента ссылки, благодаря которому заголовок вкладки реагирует на щелчки мышью). |
|
ms-cui-tt-span |
Задает стили для диапазона заголовка вкладки. |
|
Вкладка "Страница" |
ms-cui-tt |
Задает стили для заголовка вкладки. |
ms-cui-tt-a |
Задает стили для якоря заголовка вкладки на ленте (элемента ссылки, благодаря которому заголовок вкладки реагирует на щелчки мышью). |
|
ms-cui-tt-span |
Задает стили для диапазона заголовка вкладки. |
|
User menu |
s4-trc-container-menu |
Задает стили для меню верхнего правого углового контейнера. |
ms-SPLink |
Задает стили, применяемые к элементу меню. |
|
ms-welcomeMenu |
Задает свойство margin-right элемента раскрывающегося меню. |
|
ms-menu-a |
Задает свойство margin-right главного меню. |
|
Строка заголовка |
s4-pr |
Увеличивает строку заголовка до полной ширины строки на странице. |
s4-title |
Задает стили для элементов заголовка страницы. |
|
s4-lp |
Задает стили для элементов в левой части страницы. |
|
s4-titlelogo |
Задает поля и выравнивание для изображения эмблемы заголовка. |
|
s4-titletext |
Задает стили для всего текста справа изображения эмблемы страницы. |
|
Область "Поиск" |
s4-search |
Задает значения отступов для элемента управления "Поиск" во вторичном меню. |
s4-rp |
Задает стили для элементов в правой части страницы. |
|
Элементы меню быстрого запуска |
menu-item |
Задает стили для кнопки "Домой", расположенной под эмблемой сайта. |
menu-item-text |
Задает стили для текста на кнопке "Домой". |
|
Ссылка "Корзина" |
s4-rcycl |
Задает стили для элемента ссылки "Корзина". |
ms-splinkbutton-text |
Задает стили для элемента ссылки. |
|
Ссылка "Все содержимое сайта" |
s4-specialNavIcon |
Задает стили для элемента ссылки "Все содержимое сайта". |
ms-splinkbutton-text |
Задает стили для элемента ссылки. |
|
Ссылка "Общие документы" |
ms-WPHeaderTd |
Задает стили для раздела заголовка в веб-части. |
ms-standardheader |
Задает стандартные стили заголовков. |
|
ms-WPTitle |
Задает стили для заголовка веб-части. |
|
Меню веб-части. |
ms-WPHeaderTdMenu |
Задает стили для меню веб-части. |
ms-WPHeaderMenuImg |
Задает стили для изображения меню веб-части. |
|
Флажок выделения |
ms-WPHeaderTdSelection |
Задает стили для флажка выделения веб-части. |
ms-WPHeaderTdSelSpan |
Задает пересекающиеся стили для флажка выделения веб-части. |
|
Флажок выделения элемента |
ms-vh-icon |
Задает стили для значка флажка выделения элемента. |
ms-vh2 |
Задает свойство height. |
|
Параметры "Тип", "Имя", "Изменено", "Автор изменений" |
ms-vh-div |
Задает свойство padding-top. |
s4-ctx |
Задает свойства отступов, расположения и отображения для раскрывающегося меню. |
|
ms-vh2 |
Задает свойство height. |
|
Текст "Общие документы" |
ms-vb |
Задает стили для текстовой области группы элементов управления "Общие документы" (внизу группы). |
Ссылка "Добавить документ" |
ms-addnew |
Задает стили, указанные для ссылки "Добавить документ". |
Фотоизображение |
ms-rte-layoutszone-outer |
Класс редактора форматированного текста, задающий свойство float для элементов управления веб-части "Домашняя страница сайта группы". |
ms-rte-layoutszone-inner |
Класс редактора форматированного текста, задающий стили областей содержимого веб-части "Домашняя страница сайта группы". |
|
ms-rteThemeForeColor-5-5 |
Класс редактора форматированного текста, задающий цвет переднего плана темы (темно-синий) для вики-области "Начало работы". |
|
Область "Начало работы" |
ms-rte-layoutszone-outer |
Класс редактора форматированного текста, задающий свойство float для элементов управления веб-части "Домашняя страница сайта группы". |
ms-rte-layoutszone-inner |
Класс редактора форматированного текста, задающий стили областей содержимого веб-части "Домашняя страница сайта группы". |
|
ms-rteThemeForeColor-5-5 |
Класс редактора форматированного текста, задающий цвет переднего плана темы (темно-синий) для вики-области "Начало работы". |
|
Ссылки "Открыть общий доступ к сайту", "Изменить тему сайта", "Задать значок сайта", "Настроить панель быстрого запуска". |
ms-rteTable-0, ms-rteTableEvenRow-0, ms-rteTableEvenCol-0, ms-rteTableOddCol-0, ms-rteTableOddRow-0 |
Классы редактора форматированного текста, задающие стили для элементов управления в вики-области "Начало работы". |