반응형
브라우저 화면 드레그 안되게 css
.unselectable {
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10+ */
user-select: none;
}
.all {
-webkit-user-select: all;
-ms-user-select: all;
user-select: all;
}<head>
<style type="text/css">
.no-drag {
-ms-user-select: none;
-moz-user-select:
-moz-none;
-webkit-user-select: none;
-khtml-user-select: none;
user-select:none;
}
</style>
</head>
<body>
<p class="no-drag">드래그를 할 수 없습니다.</p>
<p>드래그를 할 수 있습니다.</p>
</body>
반응형
'프로그래밍 > Style & Design' 카테고리의 다른 글
| 웹폰트 사용하기,구글폰트/웹폰트 연결하기, 직접 폰트 변환하여 적용하기 (0) | 2022.10.31 |
|---|---|
| Pixabay 이미지 (0) | 2022.10.13 |
| 텍스트나 배경에 순수한 검정을 사용하면 안 되는 이유 (0) | 2022.07.15 |
| image , giphy, Drunk fall (0) | 2022.06.16 |
| 랜딩 페이지란 무엇인가요? (0) | 2022.05.27 |