CSS - display 화면에 어떻게 보여질 것 인가를 정해주는 속성

display 화면에 어떻게 보여질 것인가를 정해주는 속성 none 영역이 잡히지 않음 inline 한 줄로 영역이 잡힘 태그처럼 단, 가로/세로 길이가 조정이 안됨 block 세로로 영역이 잡힘 태그처럼 inline-block 한줄로 영역이 잡히고 가로/세로 길이가 조정이 가능함 Superman Batman Pororo display: inline; li { display:inline; border : 1px solid; width:200px; // 적용안됨 } display: block; li { display:block; border : 1px solid; width:200px; } display: inline-block; li { display:inline-block; border : 1px so..

• format_list_bulleted Develop/CSS
• · 2018. 12. 10.
• textsms

CSS - box-sizing element의 크기에 padding, border 포함할 것인지 선택하는 속성

box-sizing 요소의 가로와 높이 길이에 패딩과 보더의 길이를 포함시킬 것인지 안 시킬 것인지 구분하는 속성입니다. content-box border와 패딩은 포함시키지 않고 내용만 포함 border-box width와 height의 길이를 내용, padding, border 포함시킨다. content-box border의 길이가 포함되지 않았다. border-box 가로 세로의 길이에 border 길이가 포함 .a{ border: 15px solid; width:300px; height:200px; box-sizing:content-box; } .b{ border: 15px solid; width:300px; height:200px; box-sizing:border-box; }

• format_list_bulleted Develop/CSS
• · 2018. 12. 10.
• textsms