쉽게 요소(element)를 숨기는 방법 > 365ok IT뉴스

버그신고

365ok IT뉴스

쉽게 요소(element)를 숨기는 방법 정보

쉽게 요소(element)를 숨기는 방법

본문

html, css의 기능이 슬금슬금 늘어나고, 이미 활용되고 있는데 몰라서 사용하지 못하는 기능들이 있습니다.

 

<p>이 안에 텍스트를 숨길 때</p>

 

기존에 css를 활용하여

p{display:none;}

또는

p{visibility:hidden;}

을 사용했습니다. 물론 쓰임새는 조금 다릅니다. 

위는 보이지도 않고 공간도 사라지고 아래는 보이지는 않지만 공간은 유지됩니다.

 

그런데 또 하나의 방법이 있습니다.

<p hidden>이 안에 텍스트를 숨길 때</p>

훨씬 간단하죠?

효과는 display:none과 같습니다.

 

그누보드강좌 - 기초부터 적용까지 체계적인 영상강좌

영카트강좌 - 대한민국 대표 무료 설치형 쇼핑몰 솔루션

트위터식로그인(아이디,이메일,휴대폰번호)

By 웹학교

추천
2

댓글 1개

전체 1,887 |RSS
365ok IT뉴스 내용 검색

회원로그인

진행중 포인트경매

  1. 참여13 회 시작21.07.23 13:18 종료21.07.30 13:18
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT