{"provider_name":"Hatena Blog","categories":["CSS"],"author_name":"kimizuka","url":"https://blog.kimizuka.org/entry/2020/06/05/000928","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20200605/20200605000548.png","type":"rich","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2020%2F06%2F05%2F000928\" title=\"CSS\u95a2\u6570\u3067\u5c5e\u6027\u30bb\u30ec\u30af\u30bf\u306e\u5024\u3092\u53d6\u5f97\u3059\u308b \ud83d\udcbb - \u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","height":"190","provider_url":"https://hatena.blog","blog_title":"\u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0","version":"1.0","author_url":"https://blog.hatena.ne.jp/kimizuka/","published":"2020-06-05 00:09:28","description":"developer.mozilla.org CSS\u95a2\u6570\u306eattr()\u3092\u3064\u304b\u3048\u3070\u3001\u5c5e\u6027\u30bb\u30ec\u30af\u30bf\u306e\u5024\u3092\u53d6\u5f97\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u6628\u65e5\u3001\u5c5e\u6027\u30bb\u30ec\u30af\u30bf\u3092\u8abf\u3079\u3066\u3044\u308b\u3068\u304d\u306b\u77e5\u308a\u307e\u3057\u305f\u3002 HTML <div data-text=\"Ya-Ha-!\"></div> CSS [data-text]:before { content: attr(data-text); } \u3068\u66f8\u3051\u3070\u3001 [data-text]:before { content: 'Ya-Ha-!'; } \u3068\u8a55\u4fa1\u3055\u308c\u308b\u3088\u3046\u3067\u3059\u3002\u3053\u308c\u306f\u9762\u767d\u3044\u3002\u4ed5\u69d8\u3092\u307f\u305f\u611f\u3058\u3001px\u3068\u3057\u3066\u4f7f\u3063\u305f\u308a\u3001color\u3068\u3057\u3066\u4f7f\u3063\u305f\u308a\u3067\u304d\u308b\u3088\u3046\u306a\u306e\u3067\u3001 [data-size] { wi\u2026","width":"100%","blog_url":"https://blog.kimizuka.org/","title":"CSS\u95a2\u6570\u3067\u5c5e\u6027\u30bb\u30ec\u30af\u30bf\u306e\u5024\u3092\u53d6\u5f97\u3059\u308b \ud83d\udcbb"}