這篇文章主要講解了“css中border和outline區(qū)別是什么”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“css中border和outline區(qū)別是什么”吧！

創(chuàng)新互聯(lián)公司長期為上1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為平安企業(yè)提供專業(yè)的網(wǎng)站設(shè)計制作、網(wǎng)站制作，平安網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

border支持box-sizing: border-box，當(dāng)有邊距時，是新增了邊框后在按照以前的邊距處理

outline不支持box-sizing: border-box;先處理邊距，后加輪廓，有點類似縮放（transform: scale(1.2);）無論輪廓大小樣式不影響布局。

outline 與 border 的區(qū)別小結(jié)

border 可應(yīng)用于幾乎所有有形的html元素，而 outline 是針對鏈接、表單控件和ImageMap等元素設(shè)計。從而另一個區(qū)別也可以推理出，那就是： outline 的效果將隨元素的 focus 而自動出現(xiàn)，相應(yīng)的由 blur 而自動消失。這些都是瀏覽器的默認(rèn)行為，無需JavaScript配合CSS來控制。

感謝各位的閱讀，以上就是“css中border和outline區(qū)別是什么”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對css中border和outline區(qū)別是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

新聞標(biāo)題：css中border和outline區(qū)別是什么-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://weahome.cn/article/dcodes.html