![]()
CSS Media Query(미디어 쿼리) 미디어 쿼리는 미디어 타입(media type)과 적어도 하나 이상의 표현식(expression)으로 구성된다. 표현식은 width, height, color와 같은 미디어 특성(media feature)을 이용해 그 특성들의 상태에 따라 다른 스타일을 적용할 수 있다. 미디어 쿼리는 CSS3에 포함되어 있으며, 주로 화면의 크기에 따라 스타일을 달리하는 방법을 사용한다. 미디어 쿼리는 다음 두 가지 방법으로 사용할 수 있다. 요소 link 요소에 사용하여 특성이 조건에 맞을 때 css 파일을 불러온다. CSS 스타일 적용 css 파일 내에서 @media 키워드로 시작하고 그 뒤에 조건을 붙여 사용한다. 조건이 맞으면 대괄호 안의 스타일이 적용된다. @media..
![]()
text-decoration 텍스트에 장식을 추가한다. text-decoration-line, text-decoration-style, text-decoration-color, text-decoration-thickness 의 단축속성 특징 text-decoration은 모든 자식 텍스트 요소에 걸쳐서 적용된다. 따라서, 자식 요소에서는 부모가 적용한 데코레이션을 제거할 수 없다. 초기값 text-decoration-color: currentcolor text-decoration-style: solid text-decoration-line: none 속성값 color 선의 색상을 지정하여 사용한다. style solid 한 줄을 그린다. double 이중선을 그린다. dotted 점선을 그린다. dash..
