{"type":"rich","author_name":"art2nd","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/a/art2nd/20250803/20250803102921.png","published":"2025-08-03 10:39:37","url":"https://2ndart.hatenablog.com/entry/2025/08/03/103937","blog_url":"https://2ndart.hatenablog.com/","provider_name":"Hatena Blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2F2ndart.hatenablog.com%2Fentry%2F2025%2F08%2F03%2F103937\" title=\"CSS\uff09\u30c6\u30fc\u30d6\u30eb\u306e\u30bb\u30eb\u5185\u306a\u3069\u3067\u3001\u6587\u5b57\u5217\u3092\u77ed\u7e2e\u3057\u3066\u6ea2\u308c\u305f\u90e8\u5206\u30923\u70b9\u30ea\u30fc\u30c0\u30fc\uff08...\uff09\u306b\u3059\u308b\u65b9\u6cd5\u3002text-overflow: ellipsis;\u3002 - \u6674\u6b69\u96e8\u63cf\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_url":"https://hatena.blog","width":"100%","version":"1.0","categories":["\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3001Web\u4f5c\u6210"],"author_url":"https://blog.hatena.ne.jp/art2nd/","title":"CSS\uff09\u30c6\u30fc\u30d6\u30eb\u306e\u30bb\u30eb\u5185\u306a\u3069\u3067\u3001\u6587\u5b57\u5217\u3092\u77ed\u7e2e\u3057\u3066\u6ea2\u308c\u305f\u90e8\u5206\u30923\u70b9\u30ea\u30fc\u30c0\u30fc\uff08...\uff09\u306b\u3059\u308b\u65b9\u6cd5\u3002text-overflow: ellipsis;\u3002","blog_title":"\u6674\u6b69\u96e8\u63cf","height":"190","description":"\u5099\u5fd8\u9332\u3068\u3057\u3066\u3002 Web\u30ab\u30ec\u30f3\u30c0\u30fc\u30da\u30fc\u30b8\u7b49\u306eHTML\u30c6\u30fc\u30d6\u30eb\u30fb\u30bb\u30eb\u5185\u306a\u3069\u3067\u3001\u6587\u5b57\u5217\u304c1\u884c\u4ee5\u5185\u306b\u53ce\u307e\u3089\u306a\u3044\u6642\u306b\u3001\u6587\u5b57\u5217\u3092\u77ed\u7e2e\u3057\u3066\u6ea2\u308c\u305f\u90e8\u5206\u30923\u70b9\u30ea\u30fc\u30c0\u30fc\uff08...\uff09\u306b\u3059\u308b\u65b9\u6cd5\u3002CSS\u3067\u5b9f\u73fe\u3002 \u3010CSS\u3011 white-space: nowrap; /* \u30c6\u30ad\u30b9\u30c8\u306e\u6298\u308a\u8fd4\u3057\u306a\u3057 */ overflow: hidden; /* \u306f\u307f\u51fa\u3057\u305f\u30c6\u30ad\u30b9\u30c8\u3092\u975e\u8868\u793a\u306b */ text-overflow: ellipsis; /* \u306f\u307f\u51fa\u3057\u305f\u30c6\u30ad\u30b9\u30c8\u306b\u7701\u7565\u8a18\u53f7 */ \u2193\u2193\u2193\u2193\u2193"}