I’ve been working with CSS and came across three different ways to remove outlines and borders from elements. However, I’m confused about the differences between them. Could someone explain how outline-style: none, outline: none, and border: none differ in terms of their usage and effects?

Specifically, I’d like to know:

outline-style: none: What does setting the outline-style property to none do, and how does it differ from the other two properties?
outline: none: What is the difference between this shorthand property and the above usage?