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;

  • 相关阅读:
    TestNG详解-深度好文
    自动化测试用例getText()获取某一个元素的值返回null或空
    Python装饰器
    工资管理系统
    并发,并行
    TCP/IP协议
    tcp长连接和短连接
    tcp注意点
    文件下载器
    tcp服务器
  • 原文地址:https://www.cnblogs.com/huliang56/p/6256147.html
Copyright © 2011-2022 走看看