box-shadow ₃

---

Gắn một hoặc nhiều ánh sáng bóng đổ vào hộp

Thuộc tính	giá trị	Ví dụ	Mô tả
box-shadow	đơn vị (dọc)	box-shadow: 10px 10px;	Đây là thuộc tính bắt buộc, định vị trí bóng nằm dọc cho thành phần, có thể dùng số âm.
	đơn vị (ngang)	box-shadow: 10px 10px;	Đây là thuộc tính bắt buộc, định vị trí bóng nằm ngang cho thành phần, có thể dùng số âm.
	đơn vị (độ mờ)	box-shadow: 10px 10px 10px;	Định khoảng cách mờ cho bóng.
	đơn vị (độ lan rộng)	box-shadow: 10px 10px 10px 10px;	Tăng hoặc giảm độ lan rộng cho bóng.
	mã màu	box-shadow: 10px 10px #cc0000;	Màu sắc cho bóng.
	inset	box-shadow: 10px 10px #cc0000 inset;	Thay đổi bóng từ ngoài tối vào trong sáng.

box-shadow:

10px 10px black

50px 50px black

50px 50px 5px black

50px 50px 10px black

50px 50px 20px black

50px 50px 50px black

50px 50px 50px 5px black

50px 50px 50px 10px black

50px 50px 50px 20px black

50px 50px 50px 20px red

50px 50px 50px 20px blue

50px 50px 50px 20px pink

40px 40px 50px 20px pink

20px 20px 50px 20px pink

10px 10px 50px 20px pink inset

10px 10px 30px 20px pink inset

10px 10px 5px 20px pink inset

10px 10px 5px 10px pink inset

10px 10px 5px 5px pink inset

div#myDIV
{
background-color:yellow;
width:200px;
height:100px;
box-shadow:10px 10px black;
}

Sự tương thích ( Cập nhật / Báo lỗi )

9	4	10.5	10

---