Адреси використовуються для вказівки шляху до файлу, наприклад, для встановлення фонової картинки на сторінці. Для цього застосовується ключове слово url(), всередині дужок пишеться відносна або абсолютна адреса файлу. При цьому адресу можна задавати в необов'язкових одинарних або подвійних лапках.
Синтаксис
<code><i>Властивість</i>: url(<адреса>);
Позначення
| Опис | Приклад | |
|---|---|---|
| <тип> | Вказує тип значення. | <розмір> |
| A && B | Значення повинні виводитися в зазначеному порядку. | <размер> && <колір> |
| A | B | Вказує, що потрібно вибрати лише одне значення із запропонованих (A або B). | normal | small-caps |
| A || B | Кожне значення може використовуватися самостійно або спільно з іншими у довільному порядку. | width || count |
| [ ] | Групує значення. | [ crop || cross ] |
| * | Повторювати нуль або більше разів. | [,<час>]* |
| + | Повторювати один або більше разів. | <число>+ |
| ? | Вказаний тип, слово або група не є обов'язковим. | inset? |
| {A, B} | Повторювати не менше A, але не більше B разів. | <радіус>{1,4} |
| # | Повторювати один або більше разів через кому. | <час># |
Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Додавання фону</title> <style> body { background: url(https://webref.ru/example/image/bg.jpg) no-repeat; }
div { background: url(/example/image/warning.png) no-repeat; padding-left: 140px; min-height: 128px; }
</style>
</head>
<body> <div>Увага, запитувана сторінка не знайдена!</div>
</body>
</html> Специфікація
| Специфікація | Статус |
|---|---|
| CSS Values and Units Module Level 3 | Можлива рекомендація |
| CSS Level 2 Revision 1 (CSS 2.1) | Рекомендація |
| CSS Level 1 | Рекомендація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт. своїм цілям, але потрібна допомога співтовариства розробників з реалізації стандарту. для остаточного затвердження.
- Working Draft (Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення правок редакторами проекту.
- Dr aft (Чернетка специфікації) — перша чорнова версія стандарту.
Браузери
| 3 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 1 | 1 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — властивість повністю підтримується браузером з усіма допустимими значеннями;
- — властивість браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, зазначених у специфікації.
Число вказує версію браузера, з якої властивість підтримується.
Автор та редактори
Останнє змінення: 02.03.2020
Редактори: Влад Мержевич