首页 > 代码库 > CSS margin padding wordSpacing 属性

CSS margin padding wordSpacing 属性

2024-07-20 10:39:46   221人阅读

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="http://www.mamicode.com/Change space between words" /></body></html>

TIY

wordSpacing - 改变单词间的间距

HTML DOM Style 对象

CSS margin padding wordSpacing 属性


联系
我们