Display: none; > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

Display: none; 정보

CSS Display: none;

본문

Display: none;

 

 

display: none;는 요소를 숨기거나 다시 만들지 않고 요소를 숨기거나 표시하기 위해 일반적으로 JavaScript와 함께 사용됩니다. 이것이 어떻게 달성 될 수 있는지 알고 싶다면이 페이지의 마지막 예를보십시오.

 

<script>요소를 사용하여 display: none; 기본값으로. 

 

기본 표시 값 무시

언급 한 바와 같이 모든 요소에는 기본 표시 값이 있습니다. 그러나 이것을 무시할 수 있습니다.

 

인라인 요소를 블록 요소로 변경하거나 그 반대로 변경하면 페이지를 특정 방식으로 보이게하고 웹 표준을 계속 따르는 데 유용 할 수 있습니다.

 

일반적인 예는 <li>수평 메뉴에 대한 인라인 요소를 만드는 것 입니다.

 

li {

    display: inline;

}

 

 

<!DOCTYPE html>

<html>

<head>

<style>

li {

    display: inline;

}

</style>

</head>

<body>

 

<p>Display a list of links as a horizontal menu:</p>

 

<ul>

  <li><a href="/html/default.asp" target="_blank">HTML</a></li>

  <li><a href="/css/default.asp" target="_blank">CSS</a></li>

  <li><a href="/js/default.asp" target="_blank">JavaScript</a></li>

</ul>

 

</body>

</html>


추천
0

댓글 0개

전체 1,263
퍼블리셔팁 내용 검색

회원로그인

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