è¡¨ç¤ºé ˜åŸŸã«åˆã‚ã›ã¦ç”»åƒã®ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”を制御ã™ã‚‹object-fitプãƒãƒ‘ティ | CSS4.bizobject-fitプãƒãƒ‘ティã¯ã€CSS Image Values and Replaced Content Module Level 3ã§å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ãŒã€Features at riskã¨ãªã£ã¦ãŠã‚Šã€CSS3ã®ä»•æ§˜ã‹ã‚‰å‰Šé™¤ã•ã‚Œã€CSS Image Values and Replaced Content Module Level 4ã«ç§»è¡Œã•ã‚Œã‚‹å¯èƒ½æ€§ã¯ã‚ã‚Šã¾ã™ãŒã€2013å¹´4月時点ã§ã¯CSS3ã®ä»•æ§˜ã§ã™ã€‚ 使ã„ã©ã“ã‚ ç”»åƒã®ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ä¿ã¡ã¤ã¤ã‚‚ã€æŒ‡å®šã—ã¦è¡¨ç¤ºé ˜åŸŸã«åŽã‚ãŸã„å ´åˆãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 例ã¨ã—ã¦ã€ECサイトã§è£½å“ç”»åƒã¨ã‹ã§ã—ょã†ã‹ã€‚è¦æœ›ã¨ã—ã¦ã‚ˆãã‚ã‚‹ã®ãŒã€ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ä¿ã¡ãªãŒã‚‰ãƒªã‚µã‚¤ã‚ºã—ã€æ±ºã‚られãŸç¯„囲ã§ä¸‹è¨˜å›³ã®ã‚ˆã†ãªæ¨ªé•·ã®ç”»åƒã®å ´åˆã¯ä¸Šä¸‹ä¸å¤®ã€ç¸¦é•·ã®ç”»åƒã®å ´åˆã¯ä¸å¤®è¡¨ç¤ºã¨ã„ã†å ´åˆãŒã»ã¨ã‚“ã©ã§ã™ã€‚ 実装ã™ã‚‹ã«ã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ç”»åƒã‚’リサイズã™ã‚‹ã‹ã€JavaScriptã§
ç”»åƒã®åˆæˆè¡¨ç¤ºã‚’å¯èƒ½ã¨ã™ã‚‹cross-fade() | CSS4.biz
{{#tags}}- {{label}}
{{/tags}}