老师,关于border-image-outset的问题

老师,关于border-image-outset的问题

http://img1.sycdn.imooc.com//climg/5f12e2f509298f4a05990579.jpg

我向老师这样设置的时候,浏览器调试没有边框图片出现,必须要加border-width属性才能出现,为什么老师的可以呢?我用的是chrome最新版。

顺便问下,简写border-image时,这几个属性有哪些可以不一定要写

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2020-07-19 10:26:54

同学你好,因为浏览器对这个属性兼容性不是很好,建议同学直接在火狐下测试查看效果,如下:

http://img1.sycdn.imooc.com//climg/5f13acea09c56b2a10630571.jpg

如果要在谷歌浏览器下测试,需要添加上border属性,示例:

http://img1.sycdn.imooc.com//climg/5f13ad380937e2ca06270262.jpg

http://img1.sycdn.imooc.com//climg/5f13ad4b091c884a09990549.jpg


border-image-repeat这个属性,可以不写,不写时,会使用默认值stretch

这个属性存在的兼容性问题比较多,在实际工作中几乎使用不到,同学作为扩展知识了解即可。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师