css - outline 可以只設置一條邊嗎？

問題描述

outline 可以只設置一條邊嗎？

問題解答

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

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

不可以。但是你可以把 outline: none;，然后通過設置 border 來實現。

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

當然不支持。

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

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

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

由于是黑魔法所以代碼優美不優美根本不管=w=

不是啊，試一下outline:solid

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

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

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