/*OGP スタイルシート*/ .ogp { position: relative; z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */ word-wrap: break-word; word-break: break-all; border: 1px solid rgba(0,0,0,.1); border-radius: 3px; padding: 10px; margin:4px; min-height: 100px; max-height: 280px; max-width: 480px; overflow: hidden; } .ogp-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent:-999px; z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */ } .ogp-title{ font-size: 100%; font-weight:bold; margin: 0 0 2px; line-height: 1.3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ogp-description{ line-height: 1.5em; font-size: 80%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ogp-url{ line-height: 1.5em; font-size: 80%; color: #6b7377; overflow: hidden; } .ogp-img-box{ float: right; } .ogp-img{ width: 100px; height: 100px; object-fit: cover; padding-left:10px; }