Каскадные таблицы стилей (CSS)
Визуальные свойства
* cursor
Синтаксис: селектор {cursor: hand}
Атрибут позволяет задать вид курсора, присвоив ему одно из значений:
- crosshair
- hand
- pointer
- move
- e-resize
- ne-resize
- nw-resize
- n-resize
- sw-resize
- se-resize
- s-resize
- w-resize
- text
- wait
- help
- auto
- default
* filter
Синтаксис: селектор {filter: fliph(параметры)}
Атрибут позволяет задать фильтр для текста или изображения, присвоив ему одно из значений:
o alpha
o blur
o chroma
o dropshadow
o flipv
o fliph
o glow
o gray
o invert
o light
o mask
o shadow
o wave
o xray
* visibility
Атрибут позволяет задать видимость фрагмента документа, присвоив ему одно из значений:
Синтаксис: селектор {visibility: inherit}
o inherit
o hidden
o visible
* display
Атрибут позволяет задать видимость фрагмента документа, визуально отличается от visibility тем, что сдвигает предыдущий и последующий элементы вместе:
Синтаксис: селектор {display: none}
o inline
o list-item
o none
o block
* list-style-position
Атрибут позволяет задать то, как будет отображаться текст внутри списка, если текст элемента списка по объему больше одной строки.
Синтаксис: селектор {list-style-position: outside}
o outside
o inside
* list-style-type
Атрибут определяет оформление маркеров в списках.
Синтаксис: селектор {list-style-type: тип}
o disc.
Синтаксис: селектор {list-style-type: disc}
o square.
Синтаксис: селектор {list-style-type: square}
o circle.
Синтаксис: селектор {list-style-type: circle}
o decimal.
Синтаксис: селектор {list-style-type: decimal}
o lower-roman.
Синтаксис: селектор {list-style-type:lower-roman }
o upper-roman.
Синтаксис: селектор {list-style-type: upper-roman}
o lower-alpha.
Синтаксис: селектор {list-style-type: lower-alpha}
o upper-alpha.
Синтаксис: селектор {list-style-type: upper-alpha}
o none.
Синтаксис: селектор {list-style-type: none }
* list-style-image
Атрибут определяет замену маркеров в списках на изображение.
Синтаксис: селектор {list-style-image: URL(file.gif ) }
Пример:
<UL STYLE="list-style-image:URL(file.gif)">
<LI> текст
<LI>текст
<LI> текст
</UL>
