웹개발/css 썸네일형 리스트형 [css] 손가락모양 pointer style="cursor:pointer" 더보기 [css]글자회전 transform 크롬 : -webkit-transform: rotate(90deg); IE : -ms-transform: rotate(90deg); 더보기 [css]wirting-mode 세로 글씨 css를 이용하여 세로로 글씨를 출력할 수 있다. 브라우저 별로 지원유무가 다르니 벤더 프리픽스를 미리 확인. 소스코드) vertical : 세로 horizontal : 가로 tb : top -> bottom(위에서 아래로) lr : left -> right(왼쪽에서 아래로) -webkit-writing-mode : 크롬 벤더프리픽스 -ms-writing-mode : IE 벤더프리픽스 *IE에서는 vertical-rl이 아닌 tb-lr로 해주어야한다 크롬 : -webkit-writing-mode: vertical-lr; IE : -ms-writing-mode: tb-lr; 더보기 [css] 벤더프리픽스(Vendor Prefix) 벤더프리픽스(Vendor Prefix) 란? 웹브라우저(모질라, 크롬, IE, 오페라 등등 …)에서 공식 css에 포함되지 않는 실험적인 기능들은 지원하고자 할때 사용한다. 해당 기능이 공식 css에 들어간다면 벤더프리픽스 선언을 필요없게 된다. 벤더프리픽스(Vendor Prefix) iOS: -webkit- Opera: -o- Safari: -webkit- Android: -webkit- Chrome: -webkit- Firefox: -moz- Internet Explorer: -ms- 더보기 이전 1 다음