HTML DOM content 属性

摘自：http://www.w3school.com.cn/htmldom/prop_style_content.asp

定义和用法

content 属性设置文本或图像出现（浮动）在另一个元素中的什么地方。

语法：

Object.style.content=value

可能的值

值	描述
string	定义文本内容。
url	定义 url。
counter(name) counter(name, list-style-type) counters(name, string) counters(name, string, list-style-type)
attr(X)	定义显示在该选择器之前或之后的选择器的属性。
open-quote
close-quote
no-open-quote
no-close-quote

提示和注释

注释：如果在一行中对于浮动元素而言空间太少，则这个元素会跳到下一行，这个过程会持续到有足够空间的一行为止。

注释：行内元素的内容、背景和边框应该出现在浮动元素之前。块级元素的背景和边框应当出现在浮动元素之后，但是块级元素的内容应当在浮动元素的前面。

实例

本例设置图像浮动于左边：

<html>
<head>
<script type="text/javascript">
function setFloatLeft()
{
document.getElementById("img1").style.cssFloat="left";
}
</script></head>
<body><img id="img1" src="logocss.gif" width="95" height="84" /><p>This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p><form>
<input type="button" οnclick="setFloatLeft()" value="Set image to float left" />
</form></body>
</html>

TIY

设置图像浮动于文字的左边

HTML DOM Style 对象参考手册

转载于:https://www.cnblogs.com/KeenLeung/archive/2013/03/08/2950838.html

HTML DOM content 属性相关推荐

simple_html_dom meta,HTML DOM Meta content 属性
HTML DOM Meta content 属性 Meta 对象定义和用法 content 属性可设置或者返回 meta 元素 content 属性值. content 属性指定了 meta 信息的 ...
CSS中content属性的妙用
前言本文讲解CSS中使用频率并不高的content属性,通过多个实用的案例,带你由浅入深的掌握content的用法,让代码变得更加简洁.高效. 定义 W3school中这样定义: content 属 ...
html中content属性,CSS3的content属性用法详解
Content属性应该算是使用最常用的一个css属性之一吧,比如我们创建一个聊天气泡.超链接的立体翻转特效.添加图标.都要使用到content属性,当然这个属性要结合:before和:after伪类使 ...
css的content属性
content属性一般用于::before.::after伪元素中,用于呈现伪元素的内容.平时content属性值我们用的最多的就是给个纯字符,其实它还有很多值可供选择. 1.插入纯字符 <st ...
CSS3之利用选择器和content属性在页面中插入内容
CSS3之使用选择器在页面中插入内容 1. 使用选择器来插入内容:例, h2:before{ content:'COLUMN'; color:white: background-color:o ...
JS操作DOM元素属性和方法
Dom元素基本操作方法API,先记录下,方便以后使用. W3C DOM和JavaScript很容易混淆不清.DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本来访问 ...
js DOM Element属性和方法整理
js DOM Element属性和方法整理节点操作,属性 1. childNodes.children 这两个属性获取到的子节点会根据浏览器的不同而不同的,所以一定要判断下nodeType是否为1. ...
css4个伪元素,CSS_CSS3中的content属性使用示例，CSS中主要的伪元素有四个：befo - phpStudy...
CSS3中的content属性使用示例 CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个conte ...
html面包屑菜鸟,css content属性与before及after伪元素配合使用价值发挥到最大
content属性需要与before及after伪元素配合使用,作用是可以定义伪元素所显示的内容,本文主要列举content的可选值及实用的案例与技巧

HTML DOM content 属性

定义和用法

语法：

可能的值

提示和注释

实例

TIY

HTML DOM content 属性相关推荐

最新文章

热门文章