css - outline 可以只设置一条边吗？

Question

outline 可以只设置一条边吗？

Answer 1

應該是不能的。 。
outline 屬性只要有 outline-width outline-style outline-color， webkit下方還有outline-offset

這種問題可以
F12 看看有哪些屬性
也可以查 MDN https://developer.mozilla.org/en-US/docs/Web/CSS/outline

Answer 2

不可以。但是你可以把 outline: none;，然後透過設定 border 來實現。

Answer 3

你可以用border屬性來實現類似效果啊

Answer 4

當然不支援。

黑魔法時間：你可以利用裁切來截掉outline溢位的那幾邊…

裁切有overflow:hidden、clip。更新的還有clip-path，但似乎chrome已經停止支援了。

https://jsfiddle.net/4npvyfn8/3/

由於是黑魔法所以程式碼優美不優美根本不管=w=

Answer 5

不是啊，試試看outline:solid

Answer 6

outline 看起來和 border 設定十分相似，但是 outline 不能夠像 border 一樣宣告單條邊的樣式。

Answer 7

其實可以在內容外面再包一層p，設定邊框就好了。

Answer 8

可以用 box-shadow 來模擬
https://jsfiddle.net/4npvyfn8/5/