본문 바로가기
Web/CSS

[CSS] table td tr 간격 추가하기

by pcm9881 2023. 6. 20.

tr 태그에는 magin 속성이 적용이 되지 않습니다. 

 

border-spacing 단일

단일로 적용을 할 경우 가로, 세로 여백 둘 다 적용됩니다.

/* <length> */
border-spacing: 2px;

 

border-spacing 이중

단일로 적용을 할 경우 가로, 세로 여백 따로 적용됩니다.

/* 가로 horizontal <length> | 세로 vertical <length> */
border-spacing: 1cm 2em;

 

border-spacing 글로벌 벨류스

/* Global values */
border-spacing: inherit;
border-spacing: initial;
border-spacing: revert;
border-spacing: revert-layer;
border-spacing: unset;

 

참조

[MDN border-spacing]:https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing

 

border-spacing - CSS: Cascading Style Sheets | MDN

The border-spacing CSS property sets the distance between the borders of adjacent cells in a <table>. This property applies only when border-collapse is separate.

developer.mozilla.org

 

728x90

댓글