zoukankan      html  css  js  c++  java
  • CSS3 border-image 属性

    border-image 属性是一个简写属性,用于设置以下属性:

    border-image-source
      用在边框的图片的路径,默认值none。
      如:border-image-source:url(border.png);
      图片的样例如下,四个角和四边各有一个图像,即可:
      

    border-image-slice
      图片边框向内偏移(即边框图像距顶部、右侧、底部、左侧的内偏移量),默认值100%。
      如:border-image-slice:27 27 27 27;

    border-image-width
      图片边框的宽度,默认值1。
      如:border-image-27px 1 10% 27px;

    border-image-outset
      边框图像区域超出边框的量(即图片边框向外延伸的距离),默认值0。
      如:border-image-outset:27px 27px 27px 27px;

    border-image-repeat
      图像边框是否应平铺(repeat)、铺满(round)或拉伸(stretch),默认值stretch。
      如:border-image-repeat:round;

    效果展示
      
      属性设置:
      border: 11px solid transparent;
      border-image-source: url(border.png);
      border-image-slice: 11;
      border-image- initial;
      border-image-outset: initial;
      border-image-repeat: round;

  • 相关阅读:
    SHELL
    Docker
    RHCE内容记要
    mysql基本知识的总结
    Linux启动提示Kernel panic
    配置tomcat、nginx实现反向代理(需操作)
    linux下nginx的安装和配置
    linux下安装mysql5.7(centos6.0)
    linux打包解压包(.tar .gz .tar.gz .zip)
    多重继承下的类型转换
  • 原文地址:https://www.cnblogs.com/huliang56/p/6256147.html
Copyright © 2011-2022 走看看