Параметри фонової панелі на панелі властивостей CSS Dreamweaver

Використовуючи панель «Фон» на панелі CSS Designer Dreamweaver, ви можете вказати колір фону або зображення для стилю — і керувати тим, як фон буде відображатися на сторінці. Ви можете використовувати налаштування стилю фону для будь-якого елемента веб-сторінки, який може відображати фон, включно з ,

, теги заголовка та зображення.

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

тег.

Включивши фон у стиль класу або ідентифікатора a

Ви можете обмежити відображення фону на екрані лише там, де

використовується тег. Зауважте, що параметр «Фон» працює із зображенням, лише якщо ви спочатку встановили поле навколо зображення.

Ви можете вибрати один із цих варіантів фону:

• Колір фону: вкажіть колір фону визначеного стилю за допомогою одного з кількох методів. Ви можете клацнути колодязь кольору та вибрати попередньо визначений колір або створити власний колір. Або за допомогою піпетки спробуйте будь-який колір на екрані. Нарешті, ви можете ввести шістнадцятковий код кольору — переконайтеся, що ви включили #, як у #000000 для чорного кольору або #ffffff для білого кольору.

• Фонове зображення: виберіть зображення, яке буде служити фоном у визначенні вашого стилю. Введіть будь-яку URL-адресу зображення на вашому комп’ютері чи в Інтернеті або натисніть значок папки, щоб переглянути свій жорсткий диск і вибрати зображення.

• Background-Position: вкажіть положення фонового зображення зліва та зверху від батьківського елемента, ввівши число в кожному полі. Ця опція відображається, лише якщо ви клацнете маленьку стрілку поруч із полем URL-адреси в розділі «Фон», щоб відкрити додаткові поля, які слідують.

• Розмір: виберіть вимірювання в пікселях, емс або інший параметр, а потім введіть потрібний розмір фону. Якщо для поля «Розмір» вибрано значення «автоматичний» (за замовчуванням), зображення відобразиться у фактичному розмірі.

• Background-clip: вкажіть, чи починається фон з межі, відступу чи вмісту елемента box, наприклад

  тег.

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

  Також зауважте, що якщо зображення більше за елемент, до якого воно застосовано, буде видно лише стільки зображення, яке поміститься в області відображення елемента. Наприклад, якщо ви використовуєте зображення шириною 600 пікселів як фон для a

  тег із шириною 300 пікселів, буде видно лише половину зображення.

  Наведені нижче параметри «Повторити», перераховані в порядку появи їх піктограм:

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

  • Повторити: фонове зображення повторюється вертикально та горизонтально на фоні елемента.

  • Repeat-X: фон повторюється горизонтально, але не вертикально, на тлі елемента.

  • Repeat-Y: фон повторюється вертикально, але не горизонтально, на тлі елемента.

  • Без повтору: фон відображається один раз у верхньому лівому куті елемента.

  • Початок: вкажіть, чи починається початок фону з межі, відступу чи вмісту елемента box, наприклад

    тег.

• Вкладення: Визначте, як поводиться фон під час прокручування сторінки. Варіанти є

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

  • Виправлено: фон залишається приклеєним до одного місця в області перегляду і не прокручується з поля зору, навіть коли веб-сторінка прокручується.

  • Прокрутка: фон прокручується разом із веб-сторінкою.

• Градієнт: клацніть колодку кольору поруч із «Градієнтом», щоб відкрити новий візуальний селектор градієнта Dreamweaver.