суббота, 9 февраля 2013 г.

цвет еее css

Как говорилось выше, концевые кнопки могут быть либо активными, либо не активными. Различие между активными и не активными кнопками заключается только в цветах, используемых при отображении кнопок. На активной кнопке стрелка изображается при помощи цветов scrollbar-arrow-color (рисунок выше). На неактивной кнопке стрелка отображается при помощи цветов scrollbar-shadow-color и scrollbar-highlight-color. Остальные элементы активной и неактивной кнопки полностью совпадают.

- задает цвет фона полосы прокрутки, той ее части, по которой перемещается бегунок.

scrollbar-shadow-color - задает цвет "неосвещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет правых и нижних их граней). Не путать с цветом "тени", задаваемым атрибутом scroll-darkshadow-color.

scrollbar-highlight-color - задает цвет "освещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет левых и верхних их граней).

- задает основной цвет бегунка и кнопок прокрутки полосы прокрутки.

scrollbar-darkshadow-color - задает цвет "тени", отбрасываемой бегунком и кнопками полосы прокрутки (цвет правых и нижних гранией).

scrollbar-arrow-color - задает цвет стрелок на кнопках полосы прокрутки.

scrollbar-3dlight-color - задает цвет верхней и левой границ полосы прокрутки, ее бегунка и стрелок.

Конечно можно делать более тонкие настройки полосы прокрутки при помощи других CSS свойств.

Например, scrollbar-base-color:lime приведет к результат представленому на рисунке ниже.

Самый простой способ изменить полосу прокрутки это задать свойство scrollbar-base-color. Это свойство задает основной цвет полосы прокрутки. Если неPопределены другие свойства полосы прокрутки, тоPбегунок иPкнопки прокрутки будут отображаться определенным вами цветом сPприменением трехмерных эффектов. Фон полосы прокрутки будет отображаться тоже этим цветом, но только осветленным.

Кнопки могут быть как активными так и нет. Если скроллбар неактивен, то ползунок отсутсвует.

Полоса прокрутки состоит из фона, ползунока и концевых кнопок со стрелками.

С самого начала хочу отметить, что описываемые ниже CSS свойства являются расширением спецификации CSS2, введенным компаний Microsoft, реализованным начиная с IE 5.5

CSS свойства scrollbar

В некоторых случаях можно пожертвовать привычным видом элементов управления и немного оживить интерфейс своими собственными стилями. Сегодня мы поговорим о полосах прокрутки (scrollbar), а точнее о том, как изменить их вид с помощью CSS.

Автор: Цыгырлаш Игорь (05.04.2006)

CSS scrollbar - разукрашиваем scrollbar средствами CSS

Короткие полезные заметки о веб-разработке и не только.

CSS scrollbar - разукрашиваем scrollbar средствами CSS / Статьи / Tigir.com о web-технологиях

Комментарии: 0:

Отправить комментарий

Подпишитесь на каналы Комментарии к сообщению [Atom]

<< Главная страница