1.5.Розділ 5 - Властивості кольору і фону

1.5.1.background-color

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

Синтаксис:

селектор {background-color: #ffffff}

1.5.2.background-image

Атрибут дозволяє задати фоновий малюнок сторінки, вказавши його URL.

Синтаксис:

селектор {background-image: URL("URL");}

1.5.3.background-position

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

• left

• top

• center

• right

• bottom

Синтаксис:

селектор {background-position: left 45pt;}

1.5.4.background-attachment

Атрибут дозволяє задати чи буде фоновий малюнок сторінки фіксованим, вказавши scroll або fixed.

Синтаксис:

селектор {background-attachment: scroll;}

1.5.5.background-repeat

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

• repeat - повторюється

• no-repeat - не повторюється

• repeat-x - повторюється по осі x

• repeat-y - повторюється по осі у

Синтаксис:

селектор {background-repeat: no-repeat;}

1.5.6.color

Атрибут дозволяє задати колір тексту сторінки, привласнивши йому шістнадцяткове значення.

Синтаксис:

селектор {color: #000000}

1.6.Розділ 6 - Властивості обрамлення

1.6.1.margin-left

Атрибут визначає відступ від об'єкту зліва.

Синтаксис:

селектор {margin-left: auto}

• Пункти.

Синтаксис:

селектор {margin-left: 12pt}

• Дюйми.

Синтаксис:

селектор {margin-left: 12in}

• Сантиметри.

Синтаксис:

селектор {margin-left: 12cm}

• Пікселі.

Синтаксис:

селектор {margin-left: 12px}

1.6.2.margin-right

Атрибут визначає відступ від об'єкту справа.

Синтаксис:

селектор {margin-right: auto}

• Пункти.

Синтаксис:

селектор {margin-right: 12pt}

• Дюйми.

Синтаксис:

селектор {margin-right: 12in}

• Сантиметри.

Синтаксис:

селектор {margin-right: 12cm}

Пікселі.

Синтаксис:

селектор {margin-right: 12px}

1.6.3.margin-top

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

Синтаксис:

селектор {margin-top: auto}

• Пункти.

Синтаксис:

селектор {margin-top: 12pt}

• Дюйми.

Синтаксис:

селектор {margin-top: 12in}

• Сантиметри.

Синтаксис:

селектор {margin-top: 12cm}

• Пікселі.

Синтаксис:

селектор {margin-top: 12px}

1.6.4.margin-bottom

Атрибут визначає відступ від об'єкту знизу.

Синтаксис:

селектор {margin-bottom: auto}

• Пункти.

Синтаксис:

селектор {margin-bottom: 12pt}

• Дюйми.

Синтаксис:

селектор {margin-bottom: 12in}

• Сантиметри.

Синтаксис:

селектор {margin-bottom: 12cm}

• Пікселі.

Синтаксис:

селектор {margin-bottom: 12px}

1.6.5.padding-left

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

Синтаксис:

селектор {padding-left: 0}

• Пункти.

Синтаксис:

селектор {padding-left: 12pt}

• Дюйми.

Синтаксис:

селектор {padding-left: 12in}

• Сантиметри.

Синтаксис:

селектор {padding-left: 12cm}

• Пікселі.

Синтаксис:

селектор {padding-left: 12px}

1.6.6.padding-right

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

Синтаксис:

селектор {padding-right: 0}

• Пункти.

Синтаксис:

селектор {padding-right: 12pt}

• Дюйми.

Синтаксис:

селектор {padding-right: 12in}

• Сантиметри.

Синтаксис:

селектор {padding-right: 12cm}

• Пікселі.

Синтаксис:

селектор {padding-right: 12px}

1.6.7.padding-top

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

Синтаксис:

селектор {padding-top: 0}

• Пункти.

Синтаксис:

селектор {padding-top: 12pt}

• Дюйми.

Синтаксис:

селектор {padding-top: 12in}

• Сантиметри.

Синтаксис:

селектор {padding-top: 12cm}

• Пікселі.

Синтаксис:

селектор {padding-top: 12px}

1.6.8.padding-bottom

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

Синтаксис:

селектор {padding-bottom: 0}

• Пункти.

Синтаксис:

селектор {padding-bottom: 12pt}

• Дюйми.

Синтаксис:

селектор {padding-bottom: 12in}

• Сантиметри.

Синтаксис:

селектор {padding-bottom: 12cm}

• Пікселі.

Синтаксис:

селектор {padding-bottom: 12px}

1.6.9.border-style

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

Синтаксис:

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

• dotted

Синтаксис:

селектор {border-style: dotted}

• solid

Синтаксис:

селектор {border-style: solid}

• double

Синтаксис:

селектор {border-style: double}

• groove

Синтаксис:

селектор {border-style: groove}

• insert

Синтаксис:

селектор {border-style: insert}

• ridge

Синтаксис:

селектор {border-style: ridge}

• outset

Синтаксис:

селектор {border-style: outset}

• none

Синтаксис:

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

1.6.10.border-color

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

Синтаксис:

селектор {border-color: колір}

1.6.11.border-width

Атрибут визначає ширину рамок навколо об'єктів.

Синтаксис:

селектор {border-width: колір}