CSS - 크기 조정의 순서는 CSS :

Question

무엇입니까?

div{ 
    margin:0px 0px 13px 0px; 
} 

13px 효과는 어느 쪽입니까?

또한 모든 px가 필요합니까 아니면 하나만 존재합니까?

이 작업을 수행 할 수 있습니까?

div{ 
    margin:0 0 13 0; 
} 

Answer 1

위쪽, 오른쪽, 아래쪽 및 왼쪽 순서입니다. 예를 들어 : margin-top 및 margin-bottom가 10px 동일하다 :

div { 
    margin: 10px 20px; 
} 

는 다음과 같은 의미

div { 
    margin: 1px 2px 3px 4px; 
} 

또한 단지 2 개의 속성을 지정할 수 있습니다, 예를 들면

div { 
    margin-top: 1px; 
    margin-right: 2px; 
    margin-bottom: 3px; 
    margin-left: 4px; 
} 

같다 margin-left 및 margin-right은 20px과 같습니다.

div { 
    margin: 1px 2px 3px; 
} 

을 그리고 그것은 같음 :

당신은 또한 다음과 같이 세 값을 지정할 수 있습니다 당신은 이미 margin: 1px는 1px에 4 여백을 설정합니다 알고

div { 
    margin-top: 1px; 
    margin-right: 2px; 
    margin-bottom: 3px; 
    margin-left: 2px; 
} 

합니다.

이 0이 아닌 숫자를 specifuing 때 등등 px 또는 %과를 지정해야하지만 0을 지정할 때, 그것은, 그것은 확인을 단지 0입니다 수 있습니다. 귀하의 예를 들어

Answer 2

:

div{ 
    margin:0px 0px 13px 0px; 
} 

13px은 아래쪽 여백입니다. 당신은 이것을 margin:top right bottom left과 같이 볼 수 있습니다.

: 또한 3 값을 지정할 수 있습니다

div{ 
    margin:5px 10px; /*5px for bottom/top and 10px for left/right*/ 
} 

:

이

div{ 
    margin:5px; /*all the sides will be equal to 5px*/ 
} 

또한 2 값을 지정할 수 있습니다

---

당신은 1 값을 지정할 수 있습니다

div{ 
    margin:5px 20px 10px; /*5px for top, 10px for bottom and 20px for left/right*/ 
} 

값을 사용하여 동일하지가 필수 너와 픽셀 또는 다른 단위하지만 필수 아니에요 0 에 대한는 (심지어 0 장치를 추가하지 않도록 권장)를 사용이다 0.

---

또한 디버그하기 위해 당신이 broswer의 개발 도구를 사용하고 같은 값이 나타날 수 있습니다 자세한 내용은이 link에 따라

을