21.2.2　右端内补丁用法

与padding-top相同的是，padding-right也表示内补丁，只不过方向是右端，其语法形式如下。

/CSS样式：设置右端内补丁值/

padding-right：length

参数形式在上一节介绍过，在这里不再重复讲解，下面通过padding-right的实例来演示右端内补丁的用法，如代码21.3所示。

代码21.3　源代码\第21章\padding-right用法.html

————————————文件名：padding-right用法.html————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞padding-right用法＜/title＞

04 ＜style type="text/css"＞

05 #m1

06 {

07 width：200px；

08 height：150px；

09 padding-right：30px；/设置内补丁右端值/

10 background：red；

11 }

12 #m2

13 {

14 background：green；

15 height：100%；

16 }

17 ＜/style＞

18 ＜/head＞

19 ＜body＞

20 ＜div id="m1"＞

21 ＜div id="m2"＞padding-right用法＜/div＞

22 ＜/div＞

23 ＜/body＞

24 ＜/html＞

【代码解析】在背景为红色且右端内补丁为30像素（代码第9行）的父对象中，存在着以绿色为背景的子层，高度为父对象的高度，效果如图21.3所示。

图　21.3　padding-right用法

注意　各分属性的设置与padding一样，只不过padding-right所表达的是右端的内补丁，同时，其他分属性都一样。