blob: 836c05b0a9f59564cfe22c13ea1c75e349831617 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
---
title: part
slug: Web/HTML/Global_attributes/part
tags:
- Global attributes
- HTML
- Reference
- part
translation_of: Web/HTML/Global_attributes/part
---
<div>{{HTMLSidebar("Global_attributes")}}</div>
<p><strong><code>part</code></strong> は <a href="/ja/docs/Web/HTML/Global_attributes">グローバル属性</a>で、要素のパート名のスペース区切りのリストが含まれています。 CSS はパート名を使用して、 {{CSSxRef("::part")}} 擬似要素を介してシャドウツリー内の特定の要素の選択およびスタイルの設定を行うことができます。</p>
<p>使用例については <a href="https://mdn.github.io/web-components-examples/shadow-part/">Shadow part example</a> をご覧ください。</p>
<h2 id="Specifications" name="Specifications">仕様書</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">仕様書</th>
<th scope="col">状態</th>
<th scope="col">備考</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName("CSS Shadow Parts", "#part-attr", "part")}}</td>
<td>{{Spec2('CSS Shadow Parts')}}</td>
<td></td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
<p>{{Compat("html.global_attributes.part")}}</p>
<h2 id="See_also" name="See_also">関連情報</h2>
<ul>
<li>すべての<a href="/ja/docs/Web/HTML/Global_attributes">グローバル属性</a></li>
</ul>
|
