CSP: style-src

CSP: style-src

HTTP Content-Security-Policy（CSP）style-src指令为样式表的源指定有效来源。

句法

style-src政策可以允许一个或多个来源：

Content-Security-Policy: style-src <source>;
Content-Security-Policy: style-src <source> <source>;

来源

<source>可以是以下之一：

通过名称或IP地址的<host-source> Internet主机，以及可选的 URL方案 and/or 端口号。该站点的地址可能包含一个可选的前导通配符（星号字符'*'），并且可以使用通配符（再次'*'）作为端口号，表示所有合法端口对于源都有效。

例子：

• http://*.example.com：匹配使用http:URL方案从 example.com 的任何子域加载的所有尝试。

• mail.example.com:443：匹配所有尝试访问 mail.example.com 上的端口443的尝试。

• https://store.example.com：匹配所有尝试访问 store.example.com 使用https:。

<scheme-source>一种模式，如'http:' 或 'https:'。冒号是必需的，不应使用单引号。您也可以指定数据模式（不推荐）。

• data:允许将data:URI 用作内容源。这是不安全的; 攻击者也可以注入任意数据：URI。谨慎使用这一点，绝对不适用于脚本。

• mediastream:允许将mediastream:URI 用作内容源。

• blob:允许将blob:URI 用作内容源。

• filesystem:允许将filesystem:URI 用作内容源。

'self'指受保护文档的来源，包括相同的URL方案和端口号。你必须包括单引号。一些浏览器特别排除blob和filesystem从源指令。需要允许这些内容类型的网站可以使用Data属性来指定它们。

示例

违规示例

鉴于此CSP标题：

Content-Security-Policy: style-src https://example.com/

以下样式表被阻止并且不会加载：

<link href="https://not-example.com/styles/main.css" rel="stylesheet" type="text/css" />

<style>
#inline-style { background: red; }
</style>

<style>
  @import url("https://not-example.com/styles/print.css") print;
</style>

以及使用Link标题加载的样式：

Link: <https://not-example.com/styles/stylesheet.css>;rel=stylesheet

不安全的内联样式

注意：禁止内联样式和内联脚本是CSP提供的最大安全胜利之一。但是，如果你绝对必须使用它，有几个机制可以允许它们。

要允许内联样式，'unsafe-inline'可以指定与内联块匹配的nonce-source或hash-source。

Content-Security-Policy: style-src 'unsafe-inline';

上述内容安全策略将允许内联样式，如<style>元素和style任何元素上的属性：

<style>
#inline-style { background: red; }
</style>

<div style="display:none">Foo</div>

您可以使用nonce-source来仅允许特定的内联样式块：

Content-Security-Policy: style-src 'nonce-2726c7f26c'

您将不得不在<style>元素上设置相同的随机数：

<style nonce="2726c7f26c">
#inline-style { background: red; }
</style>

或者，您可以从内联样式创建散列。CSP支持sha256，sha384和sha512。

Content-Security-Policy: style-src 'sha256-a330698cbe9dc4ef1fb12e2ee9fc06d5d14300262fa4dc5878103ab7347e158f'

生成散列时，不要包含<style>标记，并注意大小写和空白字符，包括前导或尾随空白。

<style>#inline-style { background: red; }</style>

不安全的样式表达式

'unsafe-eval'源表达控制了创建字符串的样式声明几个样式的方法。如果'unsafe-eval'未用style-src指令指定，则以下方法被阻止并不会产生任何影响：

• CSSStyleSheet.insertRule()

• CSSGroupingRule.insertRule()

• CSSStyleDeclaration.cssText

规范

浏览器兼容性