css - outline 可以只设置一条边吗?
怪我咯
怪我咯 2017-04-17 11:36:43
0
8
628

outline 可以只设置一条边吗?

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回覆(8)
Peter_Zhu

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

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

Peter_Zhu

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

Peter_Zhu

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

PHPzhong

當然不支援。

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

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

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

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

PHPzhong

不是啊,試試看outline:solid

大家讲道理

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

黄舟

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

黄舟

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板