http://www.php100.com/html/webkaifa/DIV_CSS/2009/0418/2357.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>宽度测试</title>
<style>
.dividv{width:800px; height:500px; float:left; border:1px solid #FF0000; overflow:hidden;}
.dividv img{max-width:800px; word-break:break-all; width:expression(this.width>800?"800px":this.width+"px");}
.dividv table{width:100%; max-width:800px; word-break:break-all;}
li{
position:relative;
float:left;
height:25px;
}
li a {
padding-bottom:0;
height:20px;
}
li a:hover
{
}
</style>
<script>
function acl()
{
var v=document.getElementsByTagName("a")[0].style;
v.lineHeight="100PX";//使得两行之间变大。在一行时，用paddingRight使得之间距离变大
//alert(v.paddingBottom);//paddingBotto
}
function findS()
{
var v=document.getElementsByTagName("a")[0].style;
var str="";
for(i in v)
{
str+=i;
str+="<br/>";
}
document.write(str);
}
</script>
</head>
<body>
<ul>
<li>
<a href="#" onclick="acl()">xiayi</a></li>
<li>here</li>
</ul>
</body>
</html>
分享到：
相关推荐
javaScript属性与CSS属性对照表，一般来说javascript与css的属性只要稍微改动一下就可以用了。
本文将详细介绍如何利用JavaScript控制CSS属性，并提供一份详尽的属性对照表，帮助读者更好地理解和掌握这一技能。 #### 二、基础知识 ##### 2.1 CSS属性 CSS属性定义了HTML元素的外观和布局。它们由属性名和值...
通过 `javascipt和css属性对照.doc` 文件，你可以系统地学习并对比这两种语言的属性，进一步提升你的前端技能。 记住，学习 JavaScript 和 CSS 的属性对照不仅仅是了解它们的用法，还要深入理解其工作原理，这样...
CSS与JS属性对照表,CSS 属性对照表是 js 初学者必备的基础知识.CSS与JS紧密配合,为我们的页面增添了很多别致的效果,为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性CSS与JS紧密配合
### JavaScript CSS Style属性对照表详解 #### 一、引言 在前端开发中，通过JavaScript动态修改CSS属性是一种常见的操作手法。例如，在用户交互时改变元素的样式来增强用户体验。本文将详细介绍如何利用JavaScript...
### CSS与JavaScript中style属性对照表详解 #### 引言 在前端开发中，CSS（层叠样式表）和JavaScript是构建动态、交互式网页的关键技术。为了更好地控制页面元素的样式，开发者经常需要通过JavaScript来操作DOM...
CSS 和 JavaScript 标签 style 属性对照表，以及js的事件列表与解说
#### CSS样式与JavaScript属性对照表 在Web开发中，JavaScript经常被用来动态地修改CSS样式，实现页面元素的动态效果。为了方便开发者理解和使用，这里详细介绍了一些常用的CSS样式及其对应的JavaScript属性。 ###...
理解并熟练运用这些CSS属性在JavaScript中的对应关系，将有助于开发者更高效地编写动态和交互性的网页。在实际开发中，还应考虑浏览器兼容性问题，确保代码在不同环境下都能正常工作。此外，学习使用`...
以下是一些主要的CSS与JS属性对照： 1. 边框属性： - CSS中的`border`属性可以设置元素的全部边框，而在JavaScript中，可以分别使用`border-top`, `border-right`, `border-bottom`, 和 `border-left`来设置各个...
### CSS与JavaScript Style属性对照表解析 在网页开发过程中，我们经常会遇到需要通过JavaScript来动态修改元素样式的场景。为了确保代码的正确性和兼容性，理解CSS属性与JavaScript中的style对象属性之间的映射...
本文将详细解析CSS和JavaScript中的style属性对照表，这对于JS开发者理解和操作DOM元素的样式非常有帮助。 1. **边框属性（Border Properties）** - CSS 中，设置边框的属性如 `border`, `border-bottom`, `border...
### CSS与JS对照表知识点详解 #### 一、盒子模型标签和属性对照 在Web开发中，理解CSS盒模型对于布局至关重要。盒模型由多个部分组成：边框(`border`)、填充(`padding`)、边界(`margin`)以及清除(`clear`)等。 **...
本篇将详细介绍如何通过 JavaScript 来操作 CSS 的各种标签和属性。 ### 边框属性 在 CSS 中，边框可以通过 `border` 属性进行设置，包括 `border-width`、`border-style` 和 `border-color`。在 JavaScript 中，...
### JavaScript与CSS属性对照表详解 #### 前言 在Web开发中，JavaScript与CSS是两个非常重要的技术。为了更好地实现动态效果和交互性，开发者经常需要通过JavaScript来操作DOM元素的样式。这就涉及到了JavaScript...
在JavaScript中，可以通过元素的`style`属性来访问和修改这些CSS属性，例如： ```javascript element.style.backgroundColor = "blue"; element.style.fontSize = "20px"; ``` 这使得JavaScript与CSS结合使用时，...