Umriss: keine VS Umriss: 0

Question

Ich las this question auf Deaktivieren der gestrichelten Grenzen um <a> Links. answersSome verwendet outline: none, während someoutline: 0 verwendet

Gibt es einen Unterschied zwischen outline: none und outline: 0 mit?

Answer 1

Nach MDN:

Die CSS outline Eigenschaft ist eine zusammenfassende Eigenschaft für eine Einstellung oder mehrere der einzelnen Umriss Eigenschaften outline-style, outline-width und outline-color in einer einzigen Erklärung

Also, wenn Sie Set outline zu none oder 0, Sie sagen dem Browser tatsächlich, 3 Eigenschaften (outline-style,) festzulegenund outline-color)

Ich benutzte Werkzeuge Firefox Entwickler den Unterschied herauszufinden:

Wie Sie sehen können, sie beide die Standard-Textfarbe als outline-color verwenden, und sie haben beide outline-style eingestellt auf none. Der einzige Unterschied ist die outline-width:

• Wenn die outline0 ist, die outline-width0px
• ist, wenn die outlinenone ist, die outline-widthmedium ist

dass der einzige Unterschied zwischen den beiden ist . Sie können beide verwenden, sie werden beide auf die gleiche Weise angezeigt (da die outline-stylenone ist, ist es egal, wie breit die Gliederung ist).