boxmodel

ボックスモデルに関する。

outline ショートハンド

					outline: solid 1px black;
				

outline-color
outline-style
outline-width
				

margin ショートハンド

					margin: 0 auto;
				

margin-bottom
margin-left
margin-right
margin-top

border ショートハンド

					border: solid 1px black;
				

border-color
border-style
border-width
				

padding ショートハンド

					padding: 4px;
				

padding-bottom
padding-left
padding-right
padding-top
				

height, width

• height(max-height, min-height)
• width(max-width, min-width)

					height: 120px;
					max-height: 600px;
				

					width: 800px;
					max-width: 1200px;
				

position

• position
• top
• bottom
• left
• right

					position: sticky;
					
					top: 40px;
					left: 40px;
				

inset ショートハンド

論理プロパティ

top, right, bottom, left に対応する一括指定です。これは margin の一括指定における複数値の場合と同じ構文です。

					inset: 10% 5% 5% 5%;