CSSのショートハンド

shorthand.css

.short {
	/* margin padding border */
	/* 上 右 下 左 */
	margin: 10px 5px 3px 2px;
	/* 上 左右 下 */
	margin: 10px 5px 2px;
	/* 上下 左右 */
	margin: 10px 5px;
	/* まとめて */
	margin: 10px;

	/* border-radius 左上から始まる */
	/* 左上 右上 右下 左下 */
	border-radius: 10px 5px 3px 2px;
	/* 左上 右上左下 右下 */
	border-radius: 10px 5px 2px;
	/* 左上右下 右上左下 */
	border-radius: 10px 5px;
	/* まとめて */
	border-radius: 10px;

	/* color image position repeat */
	background: #000 url('') center center no-repeat;
	background-size: cover;

	/* property duration timing delay 複数はコンマで */
	transition: width 1s linear 2s,height 1s ease-in 500ms;

	/* name duration timing delay iteration-count direction 複数はコンマで */
	animation: anime 1s ease 0s infinite alternate, ani 2s ease 1s infinite;
	
	/* 右(-左) 下(-上) ぼかし 色 inset(内側) */
	text-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}