, border. , , . :
h1 {
border:30px outset red;
}
h2 {
border:20px dashed gold;
}
h3 {
border: 16px double green;
}
P {
border:1px dotted blue
}
:
, border (top, right, bottom, left) (, , , ). :
h1 {
border- top -width: 30px;
border- top -style:solid;
border- top -color: red;
border- right -width: 20px;
border- right -style:dashed;
border- right -color: gold;
border- bottom -width: 10px;
border- bottom -style:dashed;
border- bottom -color: green;
border- left -width: 40px;
border- left -style:solid;
border- left -color: blue;
}
:
h1 {
border- top: 30px solid red;
border- right: 20px dashed gold;
border- bottom: 10px dashed green;
border- left: 40px solid blue;
}
, :
h1 {
border: 30px solid red;
border-bottom: 10px solid gold;
}
h2 {
border: 30px solid red;
border-bottom-color: green
}
11: (margin) (padding)
, . , margin padding. , CSS.
MARGIN () - () , , , , .
PADDING () - c, () .
: , margin padding :
.p1 {
background-color: #FFE446;
border:1px solid red;
margin:70px;
}
.p2 {
background-color: #FFE446;
border:1px solid red;
padding:70px;
}
.p3 {
background-color: #FFE446;
border:1px solid red;
margin:50px;
padding:20px;
}
? , ...
: top, right, bottom, left , , , .
p {
margin-top:50px;
margin-right:50px;
margin-bottom:50px;
margin-left:150px;
}
, :
p {
margin:50px;
margin-left:150px;
}
.. , , , .
:
p {
margin: 50px 50px 50px 150px;
}
.. : , , , .