文章詳情頁
css - outline 可以只設置一條邊嗎?
瀏覽:317日期:2023-07-13 13:31:04
問題描述
outline 可以只設置一條邊嗎?
問題解答
回答1:應該是不能的。。outline 屬性只要有 outline-width outline-style outline-color, webkit下還有outline-offset
這種問題可以F12 看看有哪些屬性 也可以查查 MDN https://developer.mozilla.org/en-US/docs/Web/CSS/outline
回答2:不可以。但是你可以把 outline: none;,然后通過設置 border 來實現(xiàn)。
回答3:你可以用border屬性實現(xiàn)類似效果啊
回答4:當然不支持。
黑魔法時間:你可以利用裁剪來截掉outline溢出的那幾邊……
裁剪有overflow:hidden、clip。更新的還有clip-path,但似乎chrome已經(jīng)停止支持了。
https://jsfiddle.net/4npvyfn8/3/
由于是黑魔法所以代碼優(yōu)美不優(yōu)美根本不管=w=
回答5:不是啊,試一下outline:solid
回答6:outline 看起來和 border 設置十分相似,但是 outline 不能夠像 border 一樣聲明單條邊的樣式。
回答7:其實可以在內容外面再包一層p,設置邊框就好了。
回答8:可以用 box-shadow 來模擬https://jsfiddle.net/4npvyfn8/5/
標簽:
CSS
相關文章:
1. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. Apache 已經(jīng)把網(wǎng)站根目錄的改為allow from all了,但是服務器還是不能訪問?4. javascript - 移動端上不能實現(xiàn)拖拽布局嗎?5. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~6. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化7. 配置Apache時,添加對PHP的支持時語法錯誤8. 實現(xiàn)bing搜索工具urlAPI提交9. phpstudy8.1支持win11系統(tǒng)嗎?10. javascript - nodejs關于進程間發(fā)送句柄的一點疑問
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備