• 08.04 边框图片 盒子倒影 新增属性 文本阴影 文本属性 文本换行 文本溢出 文本修饰 文字描边 其他属性


    ---恢复内容开始---

    ### 边框图片
    * border-image-source   图片地址
    * border-image-slice     图片截取方式 值 浮点数/百分比
    * border-iamge-width   边框图片厚度  值 长度单位
    * border-image-outset   外延   值 长度单位
    * borde-image-repeat    延伸方式  值 stretch/repeat/round/space
    * border-image

            border-image:source slice/width/outset repeat

     

    * background-origin  padding-box/border-box/content-box
    * background-clip     border-box/padding-box/content-box/text

                -webkit-background-clip:text

    * background-size    cover/contain/length length

     

    ###多重背景

    多重背景渐变

    # CSS文本属性
    ### 文本阴影
    * text-shadow

            text-shadow:offset_left offset_right blur  color

    ### 文本换行
    * word-wrap  值 noraml/break-word   CSS改为 overflow-wrap
    * word-break 值 normal/keep-all/break-all 
    * white-space  值 noraml/pre/nowrap/pre-wrap/pre-line

    ### 文本溢出
    * text-overflow    值 clip/ellipsis  概述要生效 必须设置overflow不是visible值, 并且设置 white-space为nowrap


    ### 文字修饰 
    * text-decoation
    * text-decoraion-line    none/underline/overline/line-through
    * text-decoration-style   solid/dotted/double/dashed/wavy
    * text-decoration-color
    * text-decoration-skip
    * text-decoration-position
     


    ### 文字描边
    * -webkit-text-fill-color
    * -webkit-text-stroke
    * -webkit-text-stroke-width
    * -weibkit-text-stroke-color


    ### 其他属性
    * text-transform   值  none/capitalize/uppercase/lowercase
    * tab-size  必须把white-space 设置为 pre/pre-wrap/pre-line 才生效  值 长度单位 规定制表符 长度
    * text-align  start/end
    * text-align-last 只设置最后一行   值 同text-align

     

  • 相关阅读:
    20 行代码:Serverless 架构下用 Python 轻松搞定图像分类
    Serverless 的内存配置与超时时间
    Serverless 架构与事件规范
    如何用 Serverless 优雅地给网站图片加水印
    修改rpmbuild构建目录的位置
    rpmbuild之构建目录结构解析
    全量编译与增量编译
    c堆排序的实现
    c优先队列的实现
    c栈的实现
  • 原文地址:https://www.cnblogs.com/lwwnuo/p/7295741.html
Copyright © 2020-2023  润新知