輪郭 (outline) のスタイルを一括して設定できます。境界 (border) とは下表のように異なります。
| プロパティ | 適用例 | |
|---|---|---|
| outline | outline: red solid 3px | ABC DEF |
| border | border: red solid 3px | ABC DEF |
input要素だけはブラウザが既定のスタイルを指定するため、既定で輪郭線が表示されます。
| border: solid | ABC | |
| revert | border: solid revert | ABC |
| invert ※1 | border: solid invert | ABC |