하수도키의 성장일기

menu-opener icon
  • 홈
  • 개발일기
  • 강아지일기
  • 먹는일기
  • 책일기
  • 방명록
728x90
반응형
SMALL
input, image 등에서 ::before 를 사용할 수 없는 이유? 포스팅 썸네일 이미지

개발일기/CSS

input, image 등에서 ::before 를 사용할 수 없는 이유?

input, image 등에서 ::before 를 사용할 수 없는 이유? 개요 CSS 작업하다보면 ::before, ::after 를 이용해서 처리할때가 있다. 하지만, 어떤 태그에서 작동이 안하는 경우가 있습니다. 이걸 한번 알아봅시다. ::before, ::after pseudo-elements(가상 요소)는 텍스트 입력하는 태그들과, 이미지 또는 영상을 보여주는 태그에는 사용할 수가 없다. 그 이유는 repalced elements(대체요소)때문이다, HTML 표준 렌더링 섹션에 특별한 카테고리에 자세한 설명이 있으니 참고하길 바랍니다. ,,,,,,, img,input,embed 는 가상요소가 될수도있고 대체요소가 될 수 있습니다. img 예제 // html // wrong img url // cs..

2020.09.08 게시됨

1
728x90
반응형
LIST
반응형

공지사항

250x250

태그 클라우드

  • 토큰
  • 타입스크립트
  • 반응형
  • 인증
  • vuex
  • CSS
  • 로그아웃
  • 화살표함수
  • 뷰3
  • 리뷰
  • JWT
  • vue3
  • VUE
  • Vuejs3
  • 로그인
  • type
  • 알고리즘
  • CompositionAPI
  • vuejs
  • transition
  • 책리뷰
  • 코딩의기술
  • typescript
  • 프론트엔드 성능 최적화 가이드
  • 북리뷰
  • 자바스크립트
  • v-model
  • vue.js
  • vscode
  • javascript
Copyright . 베이스캠프 all rights reserved.
Designed by 베이스캠프
닫기 아이콘
사이드 프로필 배경이미지
블로그 이미지

하수도키

개발이야기를 주로 할 예정이고 이런 저런 이야기도 할 예정인 잡동사니 블로그 : )

  • 분류 전체보기
    • 개발일기
      • Vue.js
      • 자바스크립트 코딩의기술 정리
      • Web
      • Javascript
      • CSS
      • SCSS(SASS)
      • 알고리즘
      • TypeScript
      • Next.js
      • Nuxt.js
      • VSCode
    • 책일기
    • 먹는일기
    • 강아지일기
      • 사료
    • 후기일기

전체

오늘

어제

Designed by 베이스캠프

티스토리툴바