Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS와 함께 여백 속성 사용


여백 속성은 HTML 요소 주위의 공간을 정의합니다. 콘텐츠를 겹칠 때 음수 값을 사용할 수 있습니다. 하나의 선언에서 여백 속성을 설정하기 위한 약식 속성을 지정합니다.

예시

다음 코드를 실행하여 여백을 설정할 수 있습니다 -

<html>
   <head>
   </head>
   <body>
      <p style = "margin: 20px; border:2px solid yellow;">
         All four margins will be 20px
      </p>
      <p style = "margin: 15px 4% -10px; border:2px solid red;">
         Top margin will be 15px, left and right margin will be 4% of the total width of the document, bottom margin will be -10px
      </p>
   </body>
</html>