StyleSheet/CSS 검색 결과

해당 글 142건

CSS3 멀티라인 말줄임 처리 및 폴백

CSS를 통한 멀티라인 말줄임 처리와 폴백(fallback) WebKit Browsers will clamp the number of lines in this paragraph to 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit es..
StyleSheet/CSS 2015. 2. 15. 21:22

모바일,태블릿 import css 분기 및 em 계산(사용)하기

CSS 분기 및 EM 계산 모바일 및 태블릿 CSS 분기 em 계산(사용)하기 px em % pt 10px 0.625em 62.5% 8pt 12px 0.750em 75% 9pt 16px 1em 100% 12px em 계산 방법 ㆍ 사용하고자 하는 px / 기준크기 px = em %로 font-size 기준을 잡을 경우에 예를 들어 62.5% 가 기준이면 10px이 1em 기준이 중요함... 여기선 기준이 10px이고 내가 사용하고자 하는 px이 10px 이라면... em으로 변환시 10 (사용픽셀) / 10 (기준크기) = 1em body의 font-size크기의 기준이 75.0% 로 기준이라면 12px이 기준이라는 의미이고 16px 을 em으로 변환한다면... 16 / 12 = 1.3333... em이..
StyleSheet/CSS 2015. 2. 15. 20:36

clip 속성 알아보기 및 접근성 focus스타일링

Clip- 원하는 영역만 보여주기 ㆍ 적용방법 - 기본값은 auto. - clip:rect(top, right, bottom, left); - top, left ==> 영역이 보여지는 기준값 즉, 시작하는 지점의 값 - bottom값은 top에서부터 보이고자하는 영역의 높이값 - right값은 left에서 보이고자 하는 영역의 가로값 [Tip] 키보드 탭 이동시에 나타나는 focus 스타일링 a:focus { color: #71777c; text-decoration: none; outline: 1px dotted invert; } Jaehee's WebClub
StyleSheet/CSS 2015. 2. 11. 18:29

clip속성을 이용한 접근성 obj_hidden 처리하기

clip 사용, 접근성 숨김처리 접근성 마크업을 하면서 css 스타일 또한 중요한데 텍스트를 숨김처리하는 동시에 스크린리더기에서만 읽게 하도록 하는 방법 중 clip속성을 이용하여 스타일링 한 방법. .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } Jaehee's WebClub
StyleSheet/CSS 2015. 2. 11. 18:22