zoukankan      html  css  js  c++  java
  • css3整理--border-image

    border-image语法:

      border-image : none | <image> [ <number> | <percentage>]{1,4} [ / <border-width>{1,4} ]? [ stretch | repeat | round ]{0,2}

      第一个参数:none:默认值,边框无背景图片

            image:和background-image一样,根据绝对定位设置背景图片的位置

      第二个参数:

            number:设置边框的宽度,单位px,可以使用1~4个值,指定边框的宽度,设置方式同border-width

            percentage:同number一样,只不过是使用百分比来设置宽度

      第三个参数:(可选,1~4个,分别制定上右下左的的图片铺设方式)

            stretch,repeat,round:他们是用来设置边框背景图片的铺放方式,类似于background-position。

            其中stretch是拉伸,repeat是重复,round是平铺,stretch为默认值。

            

  • 相关阅读:
    leetcode69
    leetcode204
    leetcode414
    leetcode532
    leetcode28
    leetcode155
    leetcode303
    leetcode190
    2018-7-21-win10-uwp-调用-Microsoft.Windows.Photos_8wekyb3d8bbwe-应用
    2018-7-21-win10-uwp-调用-Microsoft.Windows.Photos_8wekyb3d8bbwe-应用
  • 原文地址:https://www.cnblogs.com/charling/p/3610534.html
Copyright © 2011-2022 走看看