블로그 이미지

Gicomong (Lux)

  • 분류 전체보기
    • 개발 기술
      • 사소하지만 놓치기 쉬운 개발 지식
      • css 애니메이션 (with js)
      • 개발 이야기
      • jest로 테스트하자
      • 함수형 프로그래밍
      • 타입스크립트
    • 사용자의 접근성 높이는 방법
      • W3C 기준
    • 조직 문화
    • 이번엔 이 공부 끝내겠다 시리즈
      • 테스트코드
      • github actions
      • 정규표현식
    • 라이브러리 파헤치기
    • error log
    • 주저리
Visits

Mong dev blog

  • 관리
  • 글쓰기
  • 방명록
  • 로그인
  • 로그아웃

::placeholder1

[CSS] placeholder-shown vs placeholder
💡 placeholder(자리표시자)는 입력창(input, textarea)에 글을 입력하지 않았을 때, 보이는 글자이다. placeholder 관련 CSS 가상 선택자, 요소에는 여러가지가 있는데, 이번시간에는 그 중 ::placeholder와 :placeholder-shown에 대해 알아보았다! 1. ::placeholder란? 1) ::placeholder은 무엇인가요? ::placeholder는 placeholder 글자의 가상 요소이다. 가상 요소란, HTML에는 존재하지 않지만 스타일링을 위해 만든 요소를 말한다. ::placeholder를 사용하면, placeholder 글자의 스타일을 변경할 수 있다. /* 사용 방법 */ input::placeholder { ... } 2) 사용 예시 (..
2023. 2. 2.
이전 1 다음

티스토리툴바