Свойство CSS `link-parameters`

Свойство link-parameters CSS задаёт значения внешних ресурсов, например SVG, атрибуты которых заданы с помощью CSS-функции env().

Синтаксис

/* single value */
link-parameters: param(--color, red);

/* multiple values */
link-parameters:
  param(--color1, red),
  param(--color2, blue),
  param(--color3, green);

Значения

none

Параметры ссылки не заданы.

param()

Список из одного или нескольких параметров ссылки.

Формальное определение

Пример

Изменение цветов внешнего файла SVG

В этом примере исходный SVG слева представляет собой квадрат с атрибутом stroke, заданным как env(--color1, chartreuse), и атрибутом fill, заданным как env(--color2, darkgreen). Свойство link-parameters используется для изменения обоих этих атрибутов у обновлённого квадрата справа с помощью нескольких CSS-функций param().

<div class="squares">
  <img
    class="original"
    src="square.svg"
    alt="A square with a chartreuse border and a dark green fill." />
  <img
    class="updated"
    src="square.svg"
    alt="A square with a red border and a tomato fill." />
</div>

.squares {
  height: 200px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
img {
  height: 100%;
}

.updated {
  link-parameters:
    param(--color1, red),
    param(--color2, tomato);
}

Спецификации

Совместимость с браузерами

См. также

• param()
• env()