ボックスモデル｜CSSã®åŸºæœ¬ï½œCSS HappyLife ZEROボックスモデルã®æ¦‚念 文書内ã®ã™ã¹ã¦ã®è¦ç´ ã¯ã€ãƒœãƒƒã‚¯ã‚¹ã¨å‘¼ã°ã‚Œã‚‹å››è§’å½¢ã®é ˜åŸŸã‚’生æˆã—ã¾ã™ã€‚ å„ボックスã¯ã€ãƒ†ã‚ストや画åƒãªã©ã®å†…å®¹é ˜åŸŸï¼ˆContent Area）をæŒã£ã¦ãŠã‚Šã€ãã®å‘¨è¾ºã«ã€ãƒ‘ディング（Padding）ã€ãƒœãƒ¼ãƒ€ãƒ¼ï¼ˆBorder）ã€ãƒžãƒ¼ã‚¸ãƒ³ï¼ˆMargin）ã®é †ã«å‘¨è¾ºé ˜åŸŸã‚’æŒã¤äº‹ãŒæœ‰ã‚Šã¾ã™ã€‚é ˜åŸŸã®å¤§ãã•ã¯ã€å„プãƒãƒ‘ティã«ã‚ˆã£ã¦æŒ‡å®šã™ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€ã“ã®å„é ˜åŸŸã®å¢ƒç•Œã‚’「辺ã€ï¼ˆEdge）ã¨å‘¼ã³ã¾ã™ã€‚ã“ã®ã€Œè¾ºã€ã¯ä¸Šä¸‹å·¦å³ã®4辺ã«åˆ†ã‘る事ãŒå¯èƒ½ã§ã€ãã‚Œãžã‚Œã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’指定ã™ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ å†…å®¹é ˜åŸŸï¼ˆContent Area） テã‚ストや画åƒãªã©ãŒè¡¨ç¤ºã•ã‚Œã‚‹é ˜åŸŸã§ã™ã€‚ ã“ã®å†…å®¹é ˜åŸŸã®ã€å¹…ã¯widthプãƒãƒ‘ティã€é«˜ã•ã¯heightプãƒãƒ‘ティを指定ã™ã‚‹äº‹ã§ä»»æ„ã®å¹…ã¨é«˜ã•ã«ã™ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€backgroundプãƒãƒ‘ティã®æŒ‡å®šãŒæœ‰ã‚‹å ´åˆã€å†…å®¹é ˜åŸŸã¨ãƒ‘ディングã«èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œã¾ã™
{{#tags}}- {{label}}
{{/tags}}