width(2)
-
4-1. CSS의 적용 방법과 기본문법 - 3
1. CSS로 지정하는 길이의 단위 알아보기CSS에서 지정하는 길이값의 단위는 문서가 표현되는 매체의 종류(인쇄물/모니터)에 따라 달라질 수 있습니다. 인쇄용이라면 "절대값"과 관련된 단위인 "in(인치), cm(센티미터), mm(밀리미터), pt(포인트), pc(파이카)" 등을 적용하고 모니터(또는 스크린)용이라면 "em, ex, px, %" 등의 "상대값"을 적용합니다. 웹작업에서는 주로 상대값으로 지정하는 것이 효과적입니다. HTML5에서는 "ren과 ch"가 추가됐고, 뷰포트(viewport)의 백분율 길이인 "vw, vh, vmin, vmax"등이 추가됐습니다. 1-1. 절대값에 해당하는 단위는 in, cm, mm, pt, pc 등이 있는데, 이 값들의 길이는 다음과 같습니다. 1in = 96i..
2018.01.12 -
가로(width), 세로(height) % - px
1. 가로(width), 세로(height)의 값을 100%로 한 상태에서 일정px의 값을 빼는 방법 #main {width: calc(100% - 77px);height: calc(100% - 77px);} -> CSS3에서 clac함수를 사용하여 계산이 가능합니다. 2. 지원 브라우저브라우저 지원여부 마이크로소프트 ( MicroSoft )인터넷 익스플로러 ( Internet Explorer ) 9부터 지원 구글 ( Google )크롬 ( Chrome ) 지원 모질라 ( Mozilla ) 파이어폭스 ( Firefox )
2017.03.07