CSS shorthand - cách viết tắt trong CSS
1) nếu có 2 sẽ hiểu là: TOP và BOTTOM, LEFT và RIGHT.
margin: a b;
tức là:
margin-top = margin-bottom = a (px);
margin-left = margin-right = b (px);
2) nếu có 3 sẽ hiểu là: TOP, LEFT và RIGHT, BOTTOM
margin: a b c;
margin-top = a (px);
margin-left = margin-right = b (px);
margin-bottom = c (px);
3) nếu có mặt đủ cả 4 mới tính theo chiều kim đồng hồ: TOP, RIGHT, BOTTOM, LEFT (chú ý là LEFT là cái bên trái, nhưng khi viết CSS nó lại khai báo ở ngoài cùng bên phải, nhiều khi tôi làm nhiều vẫn hay bị nhầm)
margin: a b c d;
margin-top = a (px);
margin-right = b (px);
margin-bottom = c (px);
margin-left = d (px);
1) nếu có 2 sẽ hiểu là: TOP và BOTTOM, LEFT và RIGHT.
margin: a b;
tức là:
margin-top = margin-bottom = a (px);
margin-left = margin-right = b (px);
2) nếu có 3 sẽ hiểu là: TOP, LEFT và RIGHT, BOTTOM
margin: a b c;
margin-top = a (px);
margin-left = margin-right = b (px);
margin-bottom = c (px);
3) nếu có mặt đủ cả 4 mới tính theo chiều kim đồng hồ: TOP, RIGHT, BOTTOM, LEFT (chú ý là LEFT là cái bên trái, nhưng khi viết CSS nó lại khai báo ở ngoài cùng bên phải, nhiều khi tôi làm nhiều vẫn hay bị nhầm)
margin: a b c d;
margin-top = a (px);
margin-right = b (px);
margin-bottom = c (px);
margin-left = d (px);