CSS边框与元素展示格式


边框:

border-style

border-style 是一个 CSS 简写属性,用来设定元素所有边框的样式。


border-width

border-width属性可以设置盒子模型的边框宽度。


border-color

CSS属性border-color 是一个用于设置元素四个边框颜色的快捷属性: border-top-color, border-right-color, border-bottom-color, border-left-color


border-radius

CSS 属性 border-radius 允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形,当使用两个半径时确定一个椭圆。这个(椭)圆与边框的交集形成圆角效果。


border-collapse

border-collapse CSS 属性是用来决定表格的边框是分开的还是合并的。在分隔模式下,相邻的单元格都拥有独立的边框。在合并模式下,相邻单元格共享边框。


元素展示格式:

display

  • block
    • 独占一行
    • width、height、margin、padding均可控制
    • width默认100%。
  • inline
    • 可以共占一行
    • width与height无效,水平方向的margin与padding有效,竖直方向的margin与padding无效
    • width默认为本身内容宽度
  • inline-block
    • 可以共占一行
    • width、height、margin、padding均可控制
    • width默认为本身内容宽度

white-space

white-space CSS 属性是用来设置如何处理元素中的 空白 (en-US)。


text-overflow

text-overflow CSS 属性确定如何向用户发出未显示的溢出内容信号。它可以被剪切,显示一个省略号或显示一个自定义字符串。


overflow

CSS属性 overflow 定义当一个元素的内容太大而无法适应 块级格式化上下文 时候该做什么。它是 overflow-xoverflow-y的 简写属性 。


以上均出自y总课程


文章作者: FW
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 FW !
评论
  目录