outline: none VS outline: 0

Question

Tôi đã đọc this question khi tắt đường viền đứt xung quanh các liên kết <a>. Someanswers sử dụng outline: none, trong khi some sử dụng outline: 0

Có sự khác biệt giữa việc sử dụng outline: none và outline: 0?

Answer 1

Theo MDN:

Thuộc tính CSS outline là một tài sản viết tắt cho thiết một hoặc nhiều tính chất phác thảo cá nhân outline-style, outline-width và outline-color trong một tuyên bố đơn

Vì vậy, khi bạn đặt outline thành none hoặc 0, bạn đang thực sự yêu cầu trình duyệt đặt 3 thuộc tính (outline-style, outline-width và outline-color)

tôi đã sử dụng Firefox Công cụ nhà phát triển để tìm ra sự khác biệt:

Như bạn có thể thấy, cả hai đều sử dụng màu chữ mặc định như outline-color, và cả hai đều có outline-style được đặt thành none. Sự khác biệt duy nhất là các outline-width:

• Khi outline là 0, các outline-width là 0px
• Khi outline là none, các outline-width là medium

Đó là sự khác biệt duy nhất giữa hai . Bạn có thể sử dụng một trong hai, cả hai đều sẽ hiển thị cùng một cách (kể từ khi outline-style là none, không quan trọng đường viền là bao nhiêu).