码迷,mamicode.com
首页 > Web开发 > 详细

CSS margin padding wordSpacing 属性

时间:2014-08-31 18:29:11      阅读:412      评论:0      收藏:0      [点我收藏+]

标签:style   http   io   java   strong   ar   div   cti   html   

margin 外边距

padding 内边距

四个参数时依次表示 上 右 下 左 距离

例子 1

padding:10px 5px 15px 20px;
  • 上内边距是 10px
  • 右内边距是 5px
  • 下内边距是 15px
  • 左内边距是 20px

例子 2

padding:10px 5px 15px;
  • 上内边距是 10px
  • 右内边距和左内边距是 5px
  • 下内边距是 15px

例子 3

padding:10px 5px;
  • 上内边距和下内边距是 10px
  • 右内边距和左内边距是 5px

例子 4

padding:10px;
  • 所有 4 个内边距都是 10px

 

定义和用法

wordSpacing 属性设置文本中的单词间距。

语法:

Object.style.wordSpacing=normal|length

可能的值

描述
normal 默认。定义单词间的标准空间。
length 定义单词间的固定空间。

实例

本例改变单词间的间距:

<html>
<head>
<script type="text/javascript">
function changeWordSpacing()
{
document.getElementById("p1").style.wordSpacing="10px";
}
</script>
</head>
<body>

<p id="p1">This is an example paragraph</p>

<input type="button" onclick="changeWordSpacing()" 
value="Change space between words" />

</body>
</html>

CSS margin padding wordSpacing 属性

标签:style   http   io   java   strong   ar   div   cti   html   

原文地址:http://www.cnblogs.com/plzdaye/p/3947922.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!