Заголовки: CSP.style-src-elem
Content-Security-Policy: директива style-src-elem
Базовая поддержка 2025 Недавно появилась
С декабря 2025 года эта функция работает на современных устройствах и в последних версиях браузеров. Эта функция может не работать на старых устройствах и в старых браузерах.
Директива Content-Security-Policy (CSP) style-src-elem HTTP задаёт допустимые источники для элементов <style> и элементов <link> таблиц стилей с rel="stylesheet".
Эта директива не задаёт допустимые источники для встроенных атрибутов стилей; для них используется style-src-attr (а допустимые источники для всех стилей можно задать с помощью style-src).
| Версия CSP | 3 |
|---|---|
| Тип директивы | Директива Fetch |
default-src — резервная директива | Да. Если эта директива отсутствует, пользовательский агент проверит директиву |
Синтаксис
Content-Security-Policy: style-src-elem 'none'; Content-Security-Policy: style-src-elem <source-expression-list>;
Эта директива может принимать одно из следующих значений:
'none'-
Ресурсы этого типа загружаться не могут. Одинарные кавычки обязательны.
<source-expression-list>-
Список значений выражений источника, разделённых пробелами. Ресурсы этого типа можно загружать, если они соответствуют любому из указанных выражений источника. Для этой директивы применимы те же значения выражений источника, что и для
style-src, за исключением'unsafe-hashes'.
style-src-elem можно использовать вместе с style-src:
Content-Security-Policy: style-src <source>; Content-Security-Policy: style-src-elem <source>;
Примеры
>Случаи нарушения
При наличии этого заголовка CSP:
Content-Security-Policy: style-src-elem https://example.com/
…следующие таблицы стилей блокируются и не загружаются:
<link href="https://not-example.com/styles/main.css" rel="stylesheet" />
<style>
#inline-style {
background: red;
}
</style>
<style>
@import "https://not-example.com/styles/print.css" print;
</style>
…а также стили, загруженные с помощью заголовка Link:
Link: <https://not-example.com/styles/stylesheet.css>;rel=stylesheet
Спецификации
Совместимость с браузерами
| Компьютер | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome для Android | Firefox для Android | Opera для Android | Safari для iOS | Samsung Internet | WebView для Android | WebView для iOS | |
style-src-elem |
75 | 79 | 108 | 62 | 26.2 | 75 | 108 | 54 | 26.2 | 11.0 | 75 | 26.2 |
См. также
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Content-Security-Policy/style-src-elem