💬 LANGUAGES/HTML . CSS
[HTML/CSS] :: selection 글자 선택 했을 때 효과 주기
[HTML/CSS] :: selection 글자 선택 했을 때 효과 주기 1. :: selection :: selection은 텍스트 클릭이나 드래그 처럼 사용자가 하이라이팅을 할때 스타일을 적용하는 CSS 의사요소이다. 관련 이전글 [CSS] 의사 요소 pseudo-element 코드 이 문장을 드래그 해보시면 빨간 글자에 노란 바탕이 보입니다. 결과 이 문장을 드래그 해보시면 빨간 글자에 노란 바탕이 보입니다. 2. 허용된 properties color background-color text-decoration와 이것과 연관된 properties text-shadow stroke-color, fill-color and stroke-width * 근데 난 text-decoration에서 underlin..
[HTML/CSS] 의사 요소 pseudo-element
[CSS] 의사 요소 pseudo-element CSS 의사 요소(pseudo-element 가상요소)는 선택자에 추가하는 키워드로, 선택한 요소의 일부분에만 스타일을 입힐 수 있다 1. 문법 selector::pseudo-element { property: value; } 하나의 selector에 하나의 pseudo-element를 사용할 수 있다 반드시 단순 selector 뒤에 위치해야 한다 단일 콜론(:)이 아닌 이중 콜론(::)을 사용해 의사 클래스(pseudo-class)와 의사요소를 구별 한다. 그러나 과거 W3C 명세에서는 이런 구별을 두지 않았기 때문에 대부분의 브라우저는 기존 의사요소에 대해 두 구문 모두 지원한다. 2. 목록 ::after (:after) ::backdrop ::bef..
[HTML] form 요소 onsubmit = "return false";
[HTML] form 요소 onsubmit = "return false"; HTML에서 form요소는 자동으로 submit을 자동으로 바인딩 해서 실행하는 기능을 갖고 있다. 때문에 자동으로 submit 되는 것을 막지 않으면 별도의 이벤트를 거는 것과 상관 없이 폼 자체적으로 한번 더 submit을 하게 된다 나는 goSubmit()을 통해 서비스를 정상 처리 한 후 location.href=url로 리다이렉트 처리를 하려고 했는데 해당 함수를 두 번 이상 타게 되니 현재 페이지가 다시 불러와지는 문제가 있었다. 문제가 됐던 코드👇 현재 form 요소 안에 submit 타입의 button요소가 들어있고, button은 onclick 으로 goSubmit() 함수가 바인딩되어있다. 여기서 goSubmit..
[HTML] input='file' 파일 확장자 제한하기
input='file' 파일 확장자 제한하기 accept 속성 사용 .xls : accept="application/vnd.ms-excel" .xlsx : accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" .txt : accept="text/plain" .png / .jpg / etc : accept="image/*" .htm / .html : accept="text/html" .avi / .mpg / .mpeg / .mp4 : accept="video/*" .mp3 / .wav /etc : accept="audio/*" .pdf : accept=".pdf" 🔗 그 외 미디어 타입 *** 문제점! *** 형식을 수정할 수..