1.6.12.Border-позиція

Атрибут визначає оформлення вигляду і кольору рамок навколо об'єктів вибірково з будь-якою із сторін

Синтаксис:

селектор {border-top: вигляд колір}

може приймати значення:

• border-top

• border-bottom

• border-right

• border-left

Тоді, приведені вище властивості приймуть вигляд: для border-color:

• border-top-color

• border-bottom-color

• border-right-color

• border-left-color

для border-style:

• border-top-style

• border-bottom-style

• border-right-style

• border-left-style

для border-width:

• border-top-width

• border-bottom-width

• border-right-width

• border-left-width

1.7.Розділ 7 - Властивості позиціонування

1.7.1.top

Атрибут дозволяє задати у-координату елементу у вікні браузера:

Синтаксис:

селектор {top: значення}

задається:

• n px

• n %

• auto

1.7.2.left

Атрибут дозволяє задати x-координату елементу у вікні браузера:

Синтаксис:

селектор {left: значення}

задається:

• n px

• n %

• auto

1.7.3.width

Атрибут дозволяє задати ширину елементу у вікні браузера:

Синтаксис:

селектор {width: значення}

задається:

• n px

• n %

• auto

1.7.4.height

Атрибут дозволяє задати висоту елементу у вікні браузера:

Синтаксис:

селектор {height: значення}

задається:

• n px

• n %

• auto

1.7.5.position

Атрибут дозволяє задати позицію елементу у вікні браузера:

Синтаксис:

селектор {position: absolute}

• absolute - коли значення left і top задаються щодо лівого верхнього кута контейнера або сторінки.

• relative - коли значення left і top задаються щодо тексту, за яким слідує елемент.

• static - коли значення left і top задаються відносно сторінки статично.

1.7.6.z-index

Атрибут дозволяє задати порядок перекриття елементами один одного при тому, що має в своєму розпорядженні їх шари, при цьому елемент з вищим індексом розташовуватиметься над елементом з низьким індексом. У випадку, якщо атрибут не заданий спеціально, браузер привласнює вищий індекс елементу, який в початковому коді описаний пізнішим:

Синтаксис:

селектор {z-index: 2}

• auto

• порядковий номер

1.7.7.clear

Атрибут дозволяє задати обтікання текстом об'єкту, наприклад картинки, вирівняної по лівому або правому краю, присвоївши йому одне із значень:

Синтаксис:

селектор {clear: none}

• left

• right

• both

1.7.8.overflow

Атрибут дозволяє задати, як виглядає текст, що переповнив межі елементу, присвоївши йому одне із значень:

Синтаксис:

селектор {overflow: none}

• none

• clip

• scroll

1.7.9.float

Атрибут аналогічний атрибуту align.

Синтаксис:

селектор {float: left}

1.8.Розділ 8 - Візуальні властивості

1.8.1.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

1.8.2.Filter

Синтаксис:

селектор {filter: fliph(параметри)}

Атрибут дозволяє задати фільтр для тексту або зображення, присвоївши йому одне із значень:

• alpha

• blur

• chroma

• dropshadow

• flipv

• fliph

• glow

• gray

• invert

• light

• mask

• shadow

• wave

• xray

1.8.3.visibility

Атрибут дозволяє задати видимість фрагмента документа, присвоївши йому одне із значень:

Синтаксис:

селектор {visibility: inherit}

• inherit

• hidden

• visible

1.8.4.display

Атрибут дозволяє задати видимість фрагмента документа, візуально відрізняється від visibility тим, що зрушує попередній і подальший елементи разом:

Синтаксис:

селектор {display: none}

• inline

• list-item

• none

• block

1.8.5.list-style-position

Атрибут дозволяє задати те, як відображатиметься текст усередині списку, якщо текст елементу списку за об'ємом більше одного рядка.

Синтаксис:

селектор {list-style-position: outside}

• outside

• inside

1.8.6.list-style-type

Атрибут визначає оформлення маркерів в списках.

Синтаксис:

селектор {list-style-type: тип}

• disc.

Синтаксис:

селектор {list-style-type: disc}

• square.

Синтаксис:

селектор {list-style-type: square}

• circle.

Синтаксис:

селектор {list-style-type: circle}

• decimal.

Синтаксис:

селектор {list-style-type: decimal}

• lower-roman.

Синтаксис:

селектор {list-style-type:lower-roman }

• upper-roman.

Синтаксис:

селектор {list-style-type: upper-roman}

• lower-alpha.

Синтаксис:

селектор {list-style-type: lower-alpha}

• upper-alpha.

Синтаксис:

селектор {list-style-type: upper-alpha}

• none.

Синтаксис:

селектор {list-style-type: none }

1.8.7.list-style-image

Атрибут визначає заміну маркерів в списках на зображення.

Синтаксис:

селектор {list-style-image: URL(file.gif )}

Приклад:

<UL STYLE="list-style-image:URL(file.gif) ">

<LI> текст

<LI>текст

<LI> текст

</UL>