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 來實現。
outline: none;
border
你可以用border屬性來實現類似效果啊
當然不支援。
黑魔法時間:你可以利用裁切來截掉outline溢位的那幾邊…
裁切有overflow:hidden、clip。更新的還有clip-path,但似乎chrome已經停止支援了。
overflow:hidden
clip
clip-path
https://jsfiddle.net/4npvyfn8/3/
由於是黑魔法所以程式碼優美不優美根本不管=w=
不是啊,試試看outline:solid
outline 看起來和 border 設定十分相似,但是 outline 不能夠像 border 一樣宣告單條邊的樣式。
其實可以在內容外面再包一層p,設定邊框就好了。
可以用 box-shadow 來模擬https://jsfiddle.net/4npvyfn8/5/
box-shadow
應該是不能的。 。
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/