태그 | 설명 | 문법 |
box-sizing: border-box; | box-sizing은 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성이다. | box-sizing : content-box(콘텐트 영역을 기준으로 크기를 정한다.) box-sizing : border-box (테두리를 기준으로 크기를 정한다.) box-sizing : initial (기본값으로 설정한다.) box-sizing : inherit ( 부모요소의 속성값을 상속받는다.) |
list-style | 목록화 시키는 작업이다. ul / li / ol 를 대신하는 작업 | <ul> : disc, circle, square => list-style-type: disc <ol> : decimal, decimal-le ading-zero =>list-style-type: decima 공통 : none => list-style-type:none |
background-repeat | 배경이미지의 반복 여부와 방향과을 잡는다. | background-repeat: repeat ( 가로 세로 방향으로 반복한다.) background-repeat: inherrit : ( 부모요소의 속성값을 상속받는다.) |
text-decoration | 선으로 텍스트를 꾸미게 하는 것. | text-decoration : none 꾸미지않음 text-decoration : inherrit 부모의 요소를 상속받는다. text-decoration : line thouth 텍스트 중간에 선을 넣는다. text-decoration : overline 글자위에 선을 만든다 text-decoration : underline 글자아래에 선을 만든다. |
반응형
'javascript' 카테고리의 다른 글
javscript 변수와 상수에 관하여 (0) | 2023.09.14 |
---|---|
javascript 배열과 객체에 관하여 (0) | 2023.09.14 |
2023.09.13 CSS 코드 (0) | 2023.09.13 |
2023.09.12 자바스크립트 코드 (0) | 2023.09.13 |
23.09.06 <java script tag일지> (0) | 2023.09.06 |