`
desert3
  • 浏览: 2158916 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

css属性 text-decoration outline clear overflow text-indent

    博客分类:
  • Html
 
阅读更多
参考:http://www.w3school.com.cn

text-decoration属性:规定添加到文本的修饰。
注释:修饰的颜色由 "color" 属性设置。
说明:这个属性允许对文本设置某种效果,如加下划线、上划线、删除线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。
可能值:
  • none 默认。定义标准的文本。
  • underline 定义文本下的一条线。
  • overline 定义文本上的一条线。
  • line-through 定义穿过文本下的一条线。
  • blink 定义闪烁的文本。 (IE、Chrome 或 Safari 不支持 "blink" 属性值。)
  • inherit 规定应该从父元素继承 text-decoration 属性的值。(任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。)


outline 属性: 绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
注释:轮廓线不会占据空间,也不一定是矩形。(除了 Internet Explorer,所有浏览器都支持 outline 属性。)
outline 简写属性在一个声明中设置所有的轮廓属性。
可以按顺序设置如下属性:
  • •outline-color
  • •outline-style
  • •outline-width

如果不设置其中的某个值,也不会出问题,比如 outline:solid #ff0000; 也是允许的。
可能值:
  • outline-color 规定边框的颜色。参阅:outline-color 中可能的值。
  • outline-style 规定边框的样式。参阅:outline-style 中可能的值。
  • outline-width 规定边框的宽度。参阅:outline-width 中可能的值。
  • inherit 规定应该从父元素继承 outline 属性的设置。


clear 属性:规定元素的哪一侧不允许其他浮动元素。
在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上外边距实现的。在 CSS2.1 中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。不论哪一种改变,最终结果都一样,如果声明为左边或右边清除,会使元素的上外边框边界刚好 在该边上浮动元素的下外边距边界之下。

可能值:
  • none 默认值。允许浮动元素出现在两侧。
  • left 在左侧不允许浮动元素。
  • right 在右侧不允许浮动元素。
  • both 在左右两侧均不允许浮动元素。
  • inherit 规定应该从父元素继承 clear 属性的值。


overflow 属性:规定当内容溢出元素框时发生的事情。
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。

可能值:
  • visible 默认值。内容不会被修剪,会呈现在元素框之外。
  • hidden 内容会被修剪,并且其余内容是不可见的。
  • scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
  • auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
  • inherit 规定应该从父元素继承 overflow 属性的值。


text-indent:规定文本块中首行文本的缩进。
这个属性用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。

可能值:
  • length 定义固定的缩进。默认值:0。
  • % 定义基于父元素宽度的百分比的缩进。
  • inherit 规定应该从父元素继承 text-indent 属性的值。


设置属性 text-indent: 2em 就可以让段落的第一行缩进二个字(不管字体大小是多少,空出来的都是2个字  em是单位相对于实际字体的磅值来定义长度。)
分享到:
评论

相关推荐

    css2中文手册 学习css的必选

    text-indent text-overflow vertical-align text-align layout-flow writing-mode direction unicode-bidi word-break line-break white-space word-wrap text-autospace text-kashida-space text-justify ruby-...

    精通div+css网页样式与网页布局

    注意:`type`属性通常设置为`"text/css"`来指定CSS类型。 3. **内联样式(Inline Styles)**: 直接将样式属性添加到HTML元素上,使用`style`属性。这种方法适用于个别特殊情况下的快速样式调整,但不推荐作为主要...

    CSS参考手册.docx

    - `bottom`, `clear`, `clip`, `cursor`, `display`, `float`, `left`, `overflow`, `position`, `right`, `top`, `vertical-align`, `visibility`, `z-index` 等用于元素定位和交互。 - `orphans` 和 `widows` 控制...

    CSS 基础知识 一张纸

    - `text-decoration`:文本装饰,如下划线。 - `text-shadow`:文本阴影。 - `letter-spacing`:字符间距。 - `word-spacing`:单词间距。 - `text-transform`:文本转换,如大写或小写。 - `white-space`:空白符...

    CSS 速查表CSS 速查表.pdf

    ### CSS 速查表知识点详解 #### 一、盒子模型(Box Model) 在网页设计中,一个元素的布局可以通过盒模型来定义。盒模型包括四个主要部分:边距(margin)、边框(border)、填充(padding)和实际内容(content)。 - **...

    css标签大全ww.docx

    - `bottom`、`clear`、`clip`、`cursor`、`display`、`float`、`left`、`overflow`、`right`、`top`和`vertical-align`:这些属性用于控制元素的位置、可见性、浮动、光标样式等。 - `z-index`:设置元素的堆叠...

    三星9305收索

    text-decoration:none}#u1 a:hover,#u1 a:active{text-decoration:underline}#u1 a:active{color:#00c}#u1{z-index:2;color:white;position:absolute;right:0;top:0;margin:19px 0 5px 0;padding:0 96px 0 0}#u1 ....

    css与html标签详解.docx

    **CSS边框属性(Border 和 Outline)** 1. `border`: 用于在一个声明中设置所有边框属性,包括宽度、样式和颜色。 2. `border-bottom`: 设置下边框属性。 3. `border-left-color`: 设置左边框的颜色。 4. `border-...

    CSS在移动网站开发的前端技术和技巧

    - 文字相关的属性如 `text-indent, text-align, text-decoration (注6), text-transform, white-space`; - 用户界面相关的属性如 `outline, outline-color, outline-style, outline-width, cursor`; - 滚动相关...

Global site tag (gtag.js) - Google Analytics