{"json_modified": "2015-10-29T06:27:49.026567", "slug": "Web/CSS/content", "tags": ["CSS", "CSS Reference"], "locale": "ja", "title": "content", "translations": [{"title": "content", "url": "/en-US/docs/Web/CSS/content", "tags": ["CSS", "Reference", "CSS Property"], "summary": "The <strong><code>content</code></strong> CSS property is used with the <a href=\"/en-US/docs/Web/CSS/::before\" title=\"::before creates a pseudo-element that is the first child of the element matched. It is often used to add cosmetic content to an element by using the content property. This element is inline by default.\"><code>::before</code></a> and <a href=\"/en-US/docs/Web/CSS/::after\" title=\"The CSS ::after pseudo-element matches a virtual last child of the selected element. It is typically used to add cosmetic content to an element by using the content CSS property. This element is inline by default.\"><code>::after</code></a> pseudo-elements to generate content in an element. Objects inserted using the <code>content</code> property are <em>anonymous <a href=\"/en-US/docs/CSS/Replaced_element\" title=\"CSS/Replaced_element\">replaced elements</a>.</em>", "localization_tags": [], "locale": "en-US", "last_edit": "2015-09-22T07:16:33", "review_tags": []}, {"title": "content", "url": "/fr/docs/Web/CSS/content", "tags": ["CSS", "Besoin_de_r\u00e9vision_technique", "R\u00e9f\u00e9rence CSS", "NeedsTechnicalReview"], "summary": "La propri\u00e9t\u00e9 <a href=\"/fr/docs/CSS\" title=\"/fr/docs/CSS\">CSS</a> <code>content</code> est utilis\u00e9e avec les pseudo-\u00e9l\u00e9ments <a href=\"/fr/docs/Web/CSS/:before\" title=\":before cr&#xE9;e un pseudo-&#xE9;l&#xE9;ment qui sera le premier enfant de l'&#xE9;l&#xE9;ment s&#xE9;lectionn&#xE9;. G&#xE9;n&#xE9;ralement utilis&#xE9; pour ajouter du contenu esth&#xE9;tique &#xE0; un &#xE9;l&#xE9;ment, en utilisant la propri&#xE9;t&#xE9; CSS content. C'est un &#xE9;l&#xE9;ment de type en-ligne par d&#xE9;faut.\"><code>:before</code></a> et <a href=\"/fr/docs/Web/CSS/:after\" title=\"Le pseudo-&#xE9;l&#xE9;ment CSS ::after cible le dernier enfant virtuel de l'&#xE9;l&#xE9;ment s&#xE9;lectionn&#xE9;. G&#xE9;n&#xE9;ralement utilis&#xE9; pour ajouter du contenu esth&#xE9;tique &#xE0; un &#xE9;l&#xE9;ment, en utilisant la propri&#xE9;t&#xE9; CSS content. C'est un &#xE9;l&#xE9;ment de type en-ligne par d&#xE9;faut.\"><code>:after</code></a> pour g\u00e9n\u00e9rer du contenu dans un \u00e9l\u00e9ment. Les objets ins\u00e9r\u00e9s gr\u00e2ce \u00e0 la propri\u00e9t\u00e9 content sont des <em><a href=\"/fr/docs/CSS/\u00c9l\u00e9ment_remplac\u00e9\" title=\"/fr/docs/CSS/\u00c9l\u00e9ment_remplac\u00e9\">\u00e9l\u00e9ments remplac\u00e9s</a> anonymes</em>.", "localization_tags": [], "locale": "fr", "last_edit": "2015-10-07T14:47:33", "review_tags": []}, {"title": "content", "url": "/pt-PT/docs/Web/CSS/content", "tags": [], "summary": "A propriedade <code>content</code> \u00e9 usada com os pseudo-elementos <a href=\"/pt/CSS/:before\" title=\"pt/CSS/:before\"><code>:before</code></a> e <a href=\"/pt/CSS/:after\" title=\"pt/CSS/:after\"><code>:after</code></a> para gerar conte\u00fado com o elemento.", "localization_tags": [], "locale": "pt-PT", "last_edit": "2014-07-01T00:20:16", "review_tags": []}, {"title": "content", "url": "/pl/docs/Web/CSS/content", "tags": ["CSS", "CSS:Dokumentacje", "Dokumentacje", "Wszystkie_kategorie"], "summary": "W\u0142asno\u015b\u0107 <b>content</b> okre\u015bla, co jest wy\u015bwietlane wewn\u0105trz pseudoelement\u00f3w \u00a0:before i\u00a0:after.", "localization_tags": [], "locale": "pl", "last_edit": "2014-07-03T05:20:12", "review_tags": []}, {"title": "content", "url": "/es/docs/Web/CSS/content", "tags": ["CSS", "CSS:Referencias", "Todas_las_Categor\u00edas"], "summary": "<< <a href=\"/es/Gu&#xED;a_de_referencia_de_CSS\" title=\"es/Gu&#xED;a_de_referencia_de_CSS\">Volver</a>", "localization_tags": [], "locale": "es", "last_edit": "2014-06-25T01:23:19", "review_tags": []}, {"title": "content", "url": "/zh-CN/docs/Web/CSS/content", "tags": [], "summary": "CSS\u7684\u00a0<code>content</code> CSS \u5c5e\u6027\u7528\u4e8e\u5728\u5143\u7d20\u7684 \u00a0<a href=\"/zh-CN/docs/Web/CSS/::before\" title=\"::before&#xA0;&#x4F1A;&#x521B;&#x5EFA;&#x4E00;&#x4E2A;&#x4F5C;&#x4E3A;&#x5F53;&#x524D;&#x5143;&#x7D20;&#x5B50;&#x5143;&#x7D20;&#x7684;&#x4F2A;&#x5143;&#x7D20;&#x3002;&#x5E38;&#x901A;&#x8FC7;&#xA0;content &#x5C5E;&#x6027;&#x6765;&#x4E3A;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#x6DFB;&#x52A0;&#x4FEE;&#x9970;&#x6027;&#x7684;&#x5185;&#x5BB9;&#x3002;&#xA0;&#x6B64;&#x5143;&#x7D20;&#x9ED8;&#x8BA4;&#x4E3A;&#x884C;&#x5185;&#x5143;&#x7D20;&#x3002;\"><code>::before</code></a> \u548c <a href=\"/zh-CN/docs/Web/CSS/::after\" title=\"CSS&#x4F2A;&#x5143;&#x7D20;::after&#x7528;&#x6765;&#x5339;&#x914D;&#x5DF2;&#x9009;&#x4E2D;&#x5143;&#x7D20;&#x7684;&#x4E00;&#x4E2A;&#x865A;&#x62DF;&#x7684;&#x6700;&#x540E;&#x5B50;&#x5143;&#x7D20;.&#x901A;&#x5E38;&#x4F1A;&#x914D;&#x5408;content&#x5C5E;&#x6027;&#x6765;&#x4E3A;&#x8BE5;&#x5143;&#x7D20;&#x6DFB;&#x52A0;&#x88C5;&#x9970;&#x5185;&#x5BB9;.&#x8FD9;&#x4E2A;&#x865A;&#x62DF;&#x5143;&#x7D20;&#x9ED8;&#x8BA4;&#x662F;&#x884C;&#x5185;&#x5143;&#x7D20;.\"><code>::after</code></a> \u4f2a\u5143\u7d20\u4e2d\u63d2\u5165\u5185\u5bb9\u3002\u4f7f\u7528<code style=\"font-style: normal; line-height: 1.5;\">content</code><span style=\"line-height: 1.5;\">\u00a0\u5c5e\u6027\u63d2\u5165\u7684\u5185\u5bb9\u90fd\u662f\u533f\u540d\u7684</span><em><a href=\"https://developer.mozilla.org/zh-CN/docs/Web/CSS/Replaced_element\" style=\"text-decoration: underline;\" title=\"CSS/Replaced_element\">\u53ef\u66ff\u6362\u5143\u7d20</a>\u3002</em>", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-10-17T19:24:35", "review_tags": []}, {"title": "content", "url": "/de/docs/Web/CSS/content", "tags": ["CSS", "Referenz", "CSS Eigenschaft"], "summary": "Die\u00a0<code>content</code> CSS Eigenschaft wird mit <a href=\"/de/docs/Web/CSS/::before\" title=\"::before erstellt ein Pseudo-Element, dass das erste Kind des dazugeh&#xF6;rigen Elements ist. Es wird h&#xE4;ufig f&#xFC;r optische Versch&#xF6;nerungen in Verbindung mit der content-Eigenschaft verwendet. Dieses Element ist per Default ein Inline-Element.\"><code>::before</code></a> und <a href=\"/de/docs/Web/CSS/::after\" title=\"Das ::after CSS Pseudoelement entspricht einem virtuellen letzten Kindelement des ausgew&#xE4;hlten Elements. Normalerweise wird es verwendet, um kosmetischen Inhalt zu einem Element hinzuzuf&#xFC;gen, indem die content CSS Eigenschaft verwendet wird. Dieses Element ist standardm&#xE4;&#xDF;ig inline.\"><code>::after</code></a> Pseudo-elementen genutzt um Inhalte in einen Element zu generieren. Die Inhalte die in\u00a0<code>content</code>\u00a0eingef\u00fcgt werden sind Anonym, sie werden nur gerendert und sind nicht im DOM vorhanden. Siehe:<em>\u00a0<a href=\"/en-US/docs/CSS/Replaced_element\" title=\"CSS/Replaced_element\">replaced elements</a>.</em>", "localization_tags": ["inprogress"], "locale": "de", "last_edit": "2015-09-21T23:39:53", "review_tags": []}], "modified": "2015-10-29T06:27:48", "label": "content", "localization_tags": [], "url": "/ja/docs/Web/CSS/content", "last_edit": "2015-10-29T06:23:50", "summary": "<code>content</code> \u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001<a href=\"/ja/docs/Web/CSS/::before\" title=\"::before &#x306F;&#x30DE;&#x30C3;&#x30C1;&#x3057;&#x305F;&#x8981;&#x7D20;&#x306E;&#x6700;&#x521D;&#x306E;&#x5B50;&#x8981;&#x7D20;&#x3068;&#x306A;&#x308B;&#x64EC;&#x4F3C;&#x8981;&#x7D20;&#x3092;&#x751F;&#x6210;&#x3057;&#x307E;&#x3059;&#x3002;content &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3001;&#x88C5;&#x98FE;&#x7684;&#x306A;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x3092;&#x8981;&#x7D20;&#x306B;&#x8FFD;&#x52A0;&#x3059;&#x308B;&#x306E;&#x306B;&#x3088;&#x304F;&#x4F7F;&#x308F;&#x308C;&#x307E;&#x3059;&#x3002;&#x3053;&#x306E;&#x8981;&#x7D20;&#x306F;&#x30C7;&#x30D5;&#x30A9;&#x30EB;&#x30C8;&#x3067;&#x306F;&#x30A4;&#x30F3;&#x30E9;&#x30A4;&#x30F3;&#x3067;&#x3059;&#x3002;\"><code>::before</code></a> \u7591\u4f3c\u8981\u7d20\u53ca\u3073 <a href=\"/ja/docs/Web/CSS/::after\" title=\"CSS &#x306E; :after &#x64EC;&#x4F3C;&#x8981;&#x7D20; &#x306F;&#x3001;&#x9078;&#x629E;&#x3057;&#x305F;&#x8981;&#x7D20;&#x306E;&#x4EEE;&#x60F3;&#x7684;&#x306A;&#x6700;&#x5F8C;&#x306E;&#x5B50;&#x8981;&#x7D20;&#x306B;&#x30DE;&#x30C3;&#x30C1;&#x3057;&#x307E;&#x3059;&#x3002;&#x5178;&#x578B;&#x7684;&#x306A;&#x7528;&#x9014;&#x306F;&#x3001;CSS &#x306E; content &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3001;&#x3042;&#x308B;&#x8981;&#x7D20;&#x306B;&#x88C5;&#x98FE;&#x7684;&#x306A;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x3092;&#x8FFD;&#x52A0;&#x3059;&#x308B;&#x3082;&#x306E;&#x3067;&#x3059;&#x3002;&#x3053;&#x306E;&#x8981;&#x7D20;&#x306F;&#x30C7;&#x30D5;&#x30A9;&#x30EB;&#x30C8;&#x3067;&#x306F;&#x30A4;&#x30F3;&#x30E9;&#x30A4;&#x30F3;&#x3067;&#x3059;&#x3002;\"><code>::after</code></a> \u7591\u4f3c\u8981\u7d20\u3092\u305d\u306e\u5bfe\u8c61\u3068\u3057\u3001\u3053\u308c\u3089\u306e\u5185\u5bb9\u3092\u751f\u6210\u3059\u308b CSS \u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u3059\u3002<code>content</code> \u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u3063\u3066\u633f\u5165\u3055\u308c\u305f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306f\u533f\u540d\u306e<a href=\"/ja/docs/CSS/Replaced_element\" title=\"CSS/Replaced_element\">\u7f6e\u63db\u8981\u7d20</a>\u3067\u3059\u3002", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "\u6982\u8981"}, {"id": "Syntax", "title": "\u69cb\u6587"}, {"id": "Values", "title": "\u5024"}, {"id": "Examples", "title": "\u4f8b"}, {"id": "Specifications", "title": "\u4ed5\u69d8"}, {"id": "Browser_compatibility", "title": "\u30d6\u30e9\u30a6\u30b6\u5b9f\u88c5\u72b6\u6cc1"}, {"id": "See_also", "title": "\u95a2\u9023\u60c5\u5831"}], "id": 47213, "review_tags": []}