русс | укр

Мови програмуванняВідео уроки php mysqlПаскальСіАсемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование


Linux Unix Алгоритмічні мови Архітектура мікроконтролерів Введення в розробку розподілених інформаційних систем Дискретна математика Інформаційне обслуговування користувачів Інформація та моделювання в управлінні виробництвом Комп'ютерна графіка Лекції


Шановні українці! Матеріал був перекладений з російської мови. Тому можуть бути незначні помикли...

Фонове зображення в html

Фонове зображення в html можна використовувати у вигляді зображення в тегах (BODY, TABLE, TR, TH або TD). Якщо зазначене зображення має область екрану менше, ніж область для якої створюється фон, то воно повторюється і по горизонталі і по вертикалі і повністю заповнює всю зазначену область: екрану, таблиці або комірки в таблиці.
пК наприклад, якщо файл "bg25.gif" містить зображення , то в результаті виконання тега

<BODY BACKGROUND="bg25.gif">

Повністю весь екран заповниться сіткою, що складається з таких синіх квадратів на білому тлі.

Крім BACKGROUND при завданні зображення у вигляді фону також використовують параметр BGPROPERTIES зі значенням FIXED. У цьому випадку якщо людина прокручує сторінки фонове зображення залишиться нерухомим, цей ефект ще називається "ефект водяних знаків".

Для завдання фону використовують наступні властивості:

  • background-color - вказує колір фону, має значення:
    • ім'я кольору;
    • #RrGgBb;
    • #RGB;
    • transparent (фон прозорий).
  • background-image - задає фон у вигляді зображення, має значення:
    • none - фон у вигляді зображення не вказано ;
    • url(ім'я графічного файлу).
  • background-repeat - вказує на повторюваність зображення:
    • repeat - зображення повторюється по горизонталі і по вертикалі (приймається за замовчуванням);
    • repeat-x - зображення повторюється по горизонталі;
    • repeat-y - зображення повторюється по вертикалі;
    • norepeat - зображення не повторюється.
  • background-attachment - вказує властивості ковзання фону:
    • scroll - фон ковзає разом з вмістом Web сторінки при її прокрутки;
    • fixed - фон залишається нерухомим при прокручуванні web-сторінки (цей параметр застосовується тільки для тегу <BODY>).
  • position - задає позицію фонового зображення щодо верхнього лівого краю області. Для цього властивості зазвичай ставлять два значення, розділені пробілами:
    • [top|center|bottom][left|center|right];
    • [pt mm cm][[pt mm cm];
    • [px %][px %].
    Якщо замість двох значень задається одне, то вважається, що вказана позиція по горизонталі, а позиція по вертикалі приймається рівною 50%

background можна вказати скорочений спосіб завдання значень: background: url(bg.gif) fixed.

 

Переглядів: 4543

Повернутися взміст


Онлайн система числення Калькулятор онлайн звичайний Науковий калькулятор онлайн