검색결과 리스트
HTML5/크로스브라우징/CSS에 해당되는 글 3건
- 2015.10.21 HTML 입력 필드(input type) 기본입력 설정
- 2013.01.13 html5 overflow 글자 자르기
- 2013.01.10 셀렉트 메뉴 스타일 바꾸기
글
HTML 입력 필드(input type) 기본입력 설정
inactive | default 로 영문모드 |
active | default 로 한글모드 |
auto | 한/영 중 선택된 모드 |
disable | 영문만을 사용할 수 있는 모드 |
1. 한/영 변화이 자유로움
<input type="text" style="ime-mode:auto;">
2. 영문기본, 한/영변환 자유로움
<input type="text" style="ime-mode:inactive;">
3. 영문기본,한/영변환 안됨, 영문/숫자만 입력가능.
<input type="text" style="ime-mode:disabled;">
4. 한글 기본, 한/영변환 자유로움
<input type="text" style="ime-mode:active;">
한글기본, 한/영 전환 가능
<input type="text" style="ime-mode:deactivated;">
'HTML5/크로스브라우징 > CSS' 카테고리의 다른 글
html5 overflow 글자 자르기 (0) | 2013.01.13 |
---|---|
셀렉트 메뉴 스타일 바꾸기 (0) | 2013.01.10 |
설정
트랙백
댓글
글
html5 overflow 글자 자르기
// Overflow 가능한 길이 단위
width:auto (X)
width:100% (X)
width:.8em (O)
width:200px (O)
CSS //===================================
text-overflow: ellipsis;
-o-text-overflow:ellipsis;
overflow:hidden;
width : 10em;
height : 20px;
'HTML5/크로스브라우징 > CSS' 카테고리의 다른 글
HTML 입력 필드(input type) 기본입력 설정 (0) | 2015.10.21 |
---|---|
셀렉트 메뉴 스타일 바꾸기 (0) | 2013.01.10 |
설정
트랙백
댓글
글
셀렉트 메뉴 스타일 바꾸기
select {
-webkit-appearance: listbox;
}
select, input {
width: 100%;
height: 40px;
line-height:40px;
border: 1px solid #999;
border-radius: 6px;
margin-bottom:10px;
}
'HTML5/크로스브라우징 > CSS' 카테고리의 다른 글
HTML 입력 필드(input type) 기본입력 설정 (0) | 2015.10.21 |
---|---|
html5 overflow 글자 자르기 (0) | 2013.01.13 |