{"height":"190","width":"100%","version":"1.0","title":"\u7a7a\u8981\u7d20\u306b\u5bfe\u3059\u308bCSS\u306e\u7591\u4f3c\u8981\u7d20(:before, :after)\u6307\u5b9a","image_url":null,"blog_url":"https://rikuba.hatenablog.com/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Frikuba.hatenablog.com%2Fentry%2F20101218%2F1292614954\" title=\"\u7a7a\u8981\u7d20\u306b\u5bfe\u3059\u308bCSS\u306e\u7591\u4f3c\u8981\u7d20(:before, :after)\u6307\u5b9a - rikuba\u306e\u30d6\u30ed\u30b0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","categories":["CSS"],"author_name":"rikuba","published":"2010-12-18 04:42:34","description":"\u6b21\u306e\u4f8b\u3067\u3001\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u306e\u524d\u3001\u3042\u308b\u3044\u306f\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u5185\u306b\u300choge\u300d\u3068\u3044\u3046\u6587\u5b57\u5217\u306e\u7591\u4f3c\u8981\u7d20\u306f\u633f\u5165\u3055\u308c\u306a\u3044\u3002 <style> input:before { content: \"hoge\"; } </style> <input> CSS 2.1\u306e\u4ed5\u69d8\u66f8\u306b\u3042\u305f\u308b\u3002 As their names indicate, the :before and :after pseudo-elements specify the location of content before and after an element's document tree content. Generated content, \u2026","provider_name":"Hatena Blog","author_url":"https://blog.hatena.ne.jp/rikuba/","type":"rich","url":"https://rikuba.hatenablog.com/entry/20101218/1292614954","blog_title":"rikuba\u306e\u30d6\u30ed\u30b0","provider_url":"https://hatena.blog"}