[CSS]マージンã¨ãƒ‘ディングã®ä½¿ã„分ã‘ã‚’ãŠã•ã‚‰ã„ | コリスCSSnewbieã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«ã®ãƒžãƒ¼ã‚¸ãƒ³(margin)ã¨ãƒ‘ディング(padding)ã®åˆ©ç”¨ã‚·ãƒ¼ãƒ³ã«ãŠã‘ã‚‹é•ã„を紹介ã—ã¾ã™ã€‚ When to Use Margins and Padding マージン(margin)を採用ã™ã‚‹å ´åˆ パディング(padding)を採用ã™ã‚‹å ´åˆ ブラウザã«ã‚ˆã‚‹å•é¡Œ マージン(margin)を採用ã™ã‚‹å ´åˆ borderã®å¤–å´ã«ã‚¹ãƒšãƒ¼ã‚¹ãŒå¿…è¦ãªå ´åˆã€‚ スペースã«èƒŒæ™¯è‰²(ç”»åƒ)ã‚’é©ç”¨ã—ãŸããªã„å ´åˆã€‚ 上下ã«éš£æŽ¥ã—ãŸãƒœãƒƒã‚¯ã‚¹ã«ã‚¹ãƒšãƒ¼ã‚¹ã‚’è¨ã‘ã‚‹å ´åˆã€ãƒžãƒ¼ã‚¸ãƒ³ã®ç›¸æ®ºã‚’期待ã—ã¦ã€å¤§ãã„サイズを有効ã«ã—ãŸã„å ´åˆã€‚ 例：15px + 20px ã®å ´åˆã€ã‚¹ãƒšãƒ¼ã‚¹ã¯20px。 ※相殺ã•ã‚Œãªã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ パディング(padding)を採用ã™ã‚‹å ´åˆ borderã®å†…å´ã«ã‚¹ãƒšãƒ¼ã‚¹ãŒå¿…è¦ãªå ´åˆã€‚ スペースã«èƒŒæ™¯è‰²(ç”»åƒ)ã‚’é©ç”¨ã—ãŸã„å ´åˆã€‚ 上下ã«éš£æŽ¥ã—ãŸãƒœãƒƒã‚¯ã‚¹ã«ã‚¹
{{#tags}}- {{label}}
{{/tags}}