Функция CSS rgba()
- Предыдущая страница
- Следующая страница
- Вернуться на один уровень вверх Референсное руководство по функциям CSS
Пример
Определите различные RGB цвета с непрозрачностью (RGBA):
#p1 {background-color:rgba(255,0,0,0.3);} /* Красный с непрозрачностью */
#p2 {background-color:rgba(0,255,0,0.3);} /* Зеленый с непрозрачностью */
#p3 {background-color:rgba(0,0,255,0.3);} /* Синий с непрозрачностью */
Определение и использование
Функция rgba() использует модель цвета Red-green-blue-alpha (RGBA) для определения цвета.
Цветовая стоимость RGBA является расширением цветовой стоимости RGB, которая имеет канал alpha, позволяющий указать прозрачность цвета.
| Версия: | CSS3 |
|---|
Поддержка браузеров
Числа в таблице указывают на первую версию браузера, которая полностью поддерживает эту функцию.
| Функция | |||||
|---|---|---|---|---|---|
| rgba() | 1.0 | 9.0 | 3.0 | 3.1 | 10.0 |
Грамматика CSS
rgba(red, green, blue, alpha)
| Значение | Описание |
|---|---|
| red | Определите强度 красного цвета как целое число от 0 до 255 или百分比 от 0% до 100%. |
| green | Определите强度 зеленого цвета как целое число от 0 до 255 или百分比 от 0% до 100%. |
| blue | Определите强度 синего цвета как целое число от 0 до 255 или百分比 от 0% до 100%. |
| alpha | Определить непрозрачность как число между 0.0 (полностью прозрачный) и 1.0 (абсолютно непрозрачный). |
- Предыдущая страница
- Следующая страница
- Вернуться на один уровень вверх Референсное руководство по функциям CSS
