'HTML and CSS'에 해당되는 글 20건

  1. 2017.10.10 [CSS] - 더블클릭시 단어 블록 해제 ( double click ), user-select
  2. 2016.06.22 [CSS] - Input clear `X ` 버튼 제거 ( IE, Chrome, Firefox )
  3. 2013.10.16 [CSS] - HTML 배경화면이미지 가득채우기 IE8도 지원
  4. 2013.07.10 [HTML] - <nobr> 태그 웹표준으로 쓰기
  5. 2013.03.14 [CSS] - box shadow, innner, inset
  6. 2013.03.14 [CSS] - Border Radius 라운드 모서리 CSS
  7. 2013.02.12 [CSS] - Android Input, Textarea focus 시 테두리 버그 해제방법
  8. 2013.01.25 [Html] - Input placeholder 예제
  9. 2012.03.16 [CSS] - CSS 말줄임 ...
  10. 2012.01.14 [CSS] - 스크롤바 CSS 정리, Scrollbar Css

[CSS] - 더블클릭시 단어 블록 해제 ( double click ), user-select

HTML and CSS 2017. 10. 10. 07:45
반응형

해당 element css


-webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

반응형
저작자표시

'HTML and CSS' 카테고리의 다른 글

[CSS] - Input clear `X ` 버튼 제거 ( IE, Chrome, Firefox )  (0) 2016.06.22
[CSS] - HTML 배경화면이미지 가득채우기 IE8도 지원  (0) 2013.10.16
[HTML] - <nobr> 태그 웹표준으로 쓰기  (0) 2013.07.10
[CSS] - box shadow, innner, inset  (0) 2013.03.14
[CSS] - Border Radius 라운드 모서리 CSS  (0) 2013.03.14
:

[CSS] - Input clear `X ` 버튼 제거 ( IE, Chrome, Firefox )

HTML and CSS 2016. 6. 22. 19:27
반응형

input::-ms-clear,

input::-ms-reveal {display: none; width : 0; height: 0;}

input::-webkit-search-decoration,

input::-webkit-search-cancel-button,

input::-webkit-search-results-button,

input::-webkit-search-results-decoration { display: none; }

반응형
저작자표시

'HTML and CSS' 카테고리의 다른 글

[CSS] - 더블클릭시 단어 블록 해제 ( double click ), user-select  (0) 2017.10.10
[CSS] - HTML 배경화면이미지 가득채우기 IE8도 지원  (0) 2013.10.16
[HTML] - <nobr> 태그 웹표준으로 쓰기  (0) 2013.07.10
[CSS] - box shadow, innner, inset  (0) 2013.03.14
[CSS] - Border Radius 라운드 모서리 CSS  (0) 2013.03.14
:

[CSS] - HTML 배경화면이미지 가득채우기 IE8도 지원

HTML and CSS 2013. 10. 16. 13:35
반응형

background:url('/images/sunnyday.png') no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sunnyday.png', sizingMethod='scale')";

반응형
저작자표시

'HTML and CSS' 카테고리의 다른 글

[CSS] - 더블클릭시 단어 블록 해제 ( double click ), user-select  (0) 2017.10.10
[CSS] - Input clear `X ` 버튼 제거 ( IE, Chrome, Firefox )  (0) 2016.06.22
[HTML] - <nobr> 태그 웹표준으로 쓰기  (0) 2013.07.10
[CSS] - box shadow, innner, inset  (0) 2013.03.14
[CSS] - Border Radius 라운드 모서리 CSS  (0) 2013.03.14
:

[HTML] - <nobr> 태그 웹표준으로 쓰기

HTML and CSS 2013. 7. 10. 19:24
반응형


<span style="white-space:nowrap;">ㅁㄴㅇㄻㄴㅇㄻㄴㄹㅇㅁㄹㄴㅇㄻㄴㅇㄻㄴㅇㄹ</span>


추가로 

<td style="text-overflow:ellipsis;overflow:hidden;">

<span style="white-space:nowrap;">ㅁㄴㅇㄻㄴㅇㄻㄴㄹㅇㅁㄹㄴㅇㄻㄴㅇㄻㄴㅇㄹ</span>

</td>


쓰시면 자동으로 글자가 짤립니다.

반응형
저작자표시

'HTML and CSS' 카테고리의 다른 글

[CSS] - Input clear `X ` 버튼 제거 ( IE, Chrome, Firefox )  (0) 2016.06.22
[CSS] - HTML 배경화면이미지 가득채우기 IE8도 지원  (0) 2013.10.16
[CSS] - box shadow, innner, inset  (0) 2013.03.14
[CSS] - Border Radius 라운드 모서리 CSS  (0) 2013.03.14
[CSS] - Android Input, Textarea focus 시 테두리 버그 해제방법  (0) 2013.02.12
:

[CSS] - box shadow, innner, inset

HTML and CSS 2013. 3. 14. 14:13
반응형

box-shadow:inset 2px 2px 1px 1px #ebebeb;

반응형
저작자표시

'HTML and CSS' 카테고리의 다른 글

[CSS] - HTML 배경화면이미지 가득채우기 IE8도 지원  (0) 2013.10.16
[HTML] - <nobr> 태그 웹표준으로 쓰기  (0) 2013.07.10
[CSS] - Border Radius 라운드 모서리 CSS  (0) 2013.03.14
[CSS] - Android Input, Textarea focus 시 테두리 버그 해제방법  (0) 2013.02.12
[Html] - Input placeholder 예제  (0) 2013.01.25
:

[CSS] - Border Radius 라운드 모서리 CSS

HTML and CSS 2013. 3. 14. 14:12
반응형

border :1px solid;

border-top-left-radius: 15px;border-top-right-radius: 15px;

border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;

반응형
저작자표시

'HTML and CSS' 카테고리의 다른 글

[HTML] - <nobr> 태그 웹표준으로 쓰기  (0) 2013.07.10
[CSS] - box shadow, innner, inset  (0) 2013.03.14
[CSS] - Android Input, Textarea focus 시 테두리 버그 해제방법  (0) 2013.02.12
[Html] - Input placeholder 예제  (0) 2013.01.25
[CSS] - CSS 말줄임 ...  (0) 2012.03.16
:

[CSS] - Android Input, Textarea focus 시 테두리 버그 해제방법

HTML and CSS 2013. 2. 12. 16:47
반응형

css 추가해주세요.


-webkit-user-modify:read-write-plaintext-only;


한글 입력시 한박자 느린 버그있습니다.


완벽한건 아닙니다~

반응형
저작자표시

'HTML and CSS' 카테고리의 다른 글

[CSS] - box shadow, innner, inset  (0) 2013.03.14
[CSS] - Border Radius 라운드 모서리 CSS  (0) 2013.03.14
[Html] - Input placeholder 예제  (0) 2013.01.25
[CSS] - CSS 말줄임 ...  (0) 2012.03.16
[CSS] - 스크롤바 CSS 정리, Scrollbar Css  (0) 2012.01.14
:

[Html] - Input placeholder 예제

HTML and CSS 2013. 1. 25. 11:37
반응형



<input type="text" placeholder="검색어를 입력하세요" />

반응형
저작자표시

'HTML and CSS' 카테고리의 다른 글

[CSS] - Border Radius 라운드 모서리 CSS  (0) 2013.03.14
[CSS] - Android Input, Textarea focus 시 테두리 버그 해제방법  (0) 2013.02.12
[CSS] - CSS 말줄임 ...  (0) 2012.03.16
[CSS] - 스크롤바 CSS 정리, Scrollbar Css  (0) 2012.01.14
[CSS] - Display:inline 과 display:block의 차이점(펌)  (0) 2012.01.11
:

[CSS] - CSS 말줄임 ...

HTML and CSS 2012. 3. 16. 12:30
반응형
.maxLength {text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap;width:50px;}
반응형
저작자표시

'HTML and CSS' 카테고리의 다른 글

[CSS] - Android Input, Textarea focus 시 테두리 버그 해제방법  (0) 2013.02.12
[Html] - Input placeholder 예제  (0) 2013.01.25
[CSS] - 스크롤바 CSS 정리, Scrollbar Css  (0) 2012.01.14
[CSS] - Display:inline 과 display:block의 차이점(펌)  (0) 2012.01.11
[CSS] - 말줄임 CSS처리 방법  (0) 2011.12.07
:

[CSS] - 스크롤바 CSS 정리, Scrollbar Css

HTML and CSS 2012. 1. 14. 17:18
반응형
scrollbar 속성을 이용하면 스크롤바의 색상을 바꿀 수 있습니다. IE 5.5 이상 버전에서만 적용됩니다.

<style type="text/css">
body {
scrollbar-highlight-color:#FFFFFF; 
scrollbar-3dlight-color:#B58E63; 
scrollbar-face-color:#F2ECE6; 
scrollbar-shadow-color:#B58E63; 
scrollbar-darkshadow-color:white; 
scrollbar-track-color:#FFFFFF; 
scrollbar-arrow-color:#B58E63;
}
</style>


스크롤바의 각 부분의 명칭은 아래 그림과 같습니다.


출처 :  http://www.homejjang.com/09/scrollbar_color.php
반응형
저작자표시

'HTML and CSS' 카테고리의 다른 글

[Html] - Input placeholder 예제  (0) 2013.01.25
[CSS] - CSS 말줄임 ...  (0) 2012.03.16
[CSS] - Display:inline 과 display:block의 차이점(펌)  (0) 2012.01.11
[CSS] - 말줄임 CSS처리 방법  (0) 2011.12.07
[CSS] - 모든브라우저 적용되는 그라데이션 만드는 사이트  (0) 2011.12.07
:
◀ PREV : [1] : [2] : NEXT ▶

티스토리툴바