1è¡Œè¿½åŠ ã§OKï¼CSSã ã‘ã§ç”»åƒã‚’トリミングã§ãる「object-fitã€ãƒ—ãƒãƒ‘ティー1è¡Œè¿½åŠ ã§OKï¼CSSã ã‘ã§ç”»åƒã‚’トリミングã§ãる「object-fitã€ãƒ—ãƒãƒ‘ティー画åƒã®ä¸€è¦§ã‚’表示ã™ã‚‹æ™‚ãªã©ã¯ã€ç”»åƒã®ã‚µã‚¤ã‚ºãŒçµ±ä¸€ã•ã‚Œã¦ã„ã‚‹ã¨ä¸¦ã¹ã¦è¡¨ç¤ºã•ã›ã¦ã‚‚ã™ã£ãã‚Šã‚レイã«æ•´ã£ã¦è¦‹ãˆã¾ã™ãŒã€å¿…ãšã—もサイズãŒåŒã˜ã¨ã¯é™ã‚Šã¾ã›ã‚“。ã‹ã¨ã„ã£ã¦Photoshopを使ã£ã¦ã™ã¹ã¦ã®ç”»åƒã‚’リサイズã§ããªã„…ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚‹ã§ã—ょã†ã€‚ãã‚“ãªæ™‚ã¯CSSã§ãƒˆãƒªãƒŸãƒ³ã‚°ã™ã‚‹ã¨æ¥½ã§ã™ï¼ä»Šå›žã¯ã€Œobject-fitã€ã¨ã„ã†ãƒ—ãƒãƒ‘ティーを使ã£ã¦ã€ç”»åƒã®ç¸¦æ¨ªæ¯”ã‚’ä¿ã¡ã¤ã¤ãƒˆãƒªãƒŸãƒ³ã‚°ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ ç”»åƒã‚’ä¸å¤®ã®ä½ç½®ã§ãƒˆãƒªãƒŸãƒ³ã‚°ã™ã‚‹ã¾ãšã¯ã“ã®ç¸¦é•·ã®ç”»åƒã€æ¨ªé•·ã®ç”»åƒã‚’並ã¹ã€ç¸¦æ¨ª 250px ã®æ£æ–¹å½¢ã®å½¢ã§è¡¨ç¤ºã•ã›ã¦ã¿ã¾ã—ょã†ã€‚ img { width: 250px; height: 250px; } CSS ã§ã“ã®ã‚ˆã†ã«ç”»åƒã«å¯¾ã—ã¦ã‚µã‚¤ã‚ºã‚’指定ã™ã‚‹ã¨â€¦ ã“ã‚“ãªæ„Ÿã˜ã§ã‚°ãƒãƒ£ãƒƒã¨ã¤ã¶ã‚Œã¦è¡¨ç¤ºã•ã‚Œã¡ã‚ƒã„ã¾ã™â€¦ã€‚ ãã“ã§
CSS3を使ã£ã¦ã§ãã‚‹ç”»åƒã¾ã‚ã‚Šã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„スタイリング18
{{#tags}}- {{label}}
{{/tags}}