css样式的padding的4个方向顺序是什么？

css样式的padding的4个方向顺序是什么？

css样式的padding的4个方向顺序是：上 右 下 左。基本上内边距与外边距都是这么用的。记得数字后面要加单位的。具体分析如下：
1、新建一个html文件，命名为test.html，用于讲解css样式中padding属性的4个方向顺序是什么。

2、在test.html文件内，使用a标签创建一个链接，链接的名称为测试。

3、在test.html文件内，设置a标签的class属性为incss，主要用于下面通过该class来设置css样式。

4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

5、在css标签内，设置类名为incss的样式，使用border属性设置其边框大小为1px，边框线形为实线，边框颜色为红色。在浏览器打开test.html文件，查看实现的页面效果。

6、在css标签内，使用padding属性设置a标签四周的内边距，顺序为上右下左，上内边距设置为5px，右内边距设置为20px，下内边距设置为40px，左内边距设置为60px。

7、在浏览器打开test.html文件，查看实现的效果。

2020-05-02

合作模型的填充属性padding对应着4个值，在赋值时按顺时针排列。
如：padding:1px 2px 3px 4px;
表示上填充padding-top为1px;
表示右填充padding-right为2px;
表示下填充padding-bottom为3px;
表示左填充padding-left为4px;2013-04-22

Vue实践-CSS样式position/display/float属性对比使用

2020-12-17

上右下左（顺时针方向）2013-04-22

上、右、下、左。2013-04-22

top right bottom left2013-04-29