본문 바로가기

javascript

23.09.06 <css tag일지>

 

태그 설명 문법
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