ã€CSS】サイズãƒãƒ©ãƒãƒ©ã®ç”»åƒã‚’æƒãˆãŸã„ : 一è¬äººã®éº“è·¯()ブãƒã‚°ã«ç”»åƒã‚’貼るã¨ãã€å¤§ãã•ã‚’åˆã‚ã›ãŸã„ãªãƒ¼ã¨ã„ã†ã“ã¨ãŒã€ã‚ˆãã‚ã‚Šã¾ã™ã€‚ ãã‚ŒãŒç°¡å˜ã«ã§ãã¦ã—ã¾ã†CSSãŒã‚ã‚‹ã¨èžã„ã¦ã€ã—らã¹ã¦ã˜ã£ã‘ã‚“ã—ã¦ã¿ã¾ã—ãŸã€‚ 誰ã‹ãŒè¨€ã£ãŸã€‚ 大ãã•ã‚„タテヨコã®æ¯”率ãŒã¾ã¡ã¾ã¡ã®ç”»åƒ object-fit 㨠object-position 効ã‹ã›ãŸã„ç”»åƒè¦ç´ ã«ã€(å¿…è¦ãªã‚‰)é©å½“ãªã‚¯ãƒ©ã‚¹åã‚’ã¤ã‘ã¾ã™ã€‚ ã“ã“ã§ã¯ofiã¨ã„ã†åå‰ã«ã—ã¾ã—ãŸã€‚ CSSã¨HTMLã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ img.ofi{ width: 27%; height: 180px; margin: 12px; -o-object-fit: cover; object-fit: cover; } <img class="ofi" src="ç”»åƒURL" alt="ç”»åƒã®èª¬æ˜Ž"> widthã€heightã€marginãªã©é€šå¸¸ã®ãƒ—ãƒãƒ‘ティã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«åˆã›ã¦é©å½“ã«ã€‚ object-fit: coverã§ã€ãƒãƒ©ãƒ
{{#tags}}- {{label}}
{{/tags}}