Display: none;

컴프

· 8년 전 · 조회 1889 1889

Display: none;

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

기본 표시 값 무시

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

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

일반적인 예는 <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="/js/default.asp" target="_blank">JavaScript</a></li>

</ul>

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
3168	CSS CSS3 border-image Property	수다왕	1,820	8년 전
3167	CSS CSS3 border-radius - 각 모서리 지정	수다왕	2,519	8년 전
3166	CSS CSS3 border-radius 속성	수다왕	1,979	8년 전
3165	HTML HTML5 로컬 저장소	수다왕	2,403	8년 전
3164	HTML HTML5 드래그 앤 드롭	수다왕	2,834	8년 전
3163	HTML HTML5 Geolocation 사용자 위치 찾기	수다왕	3,207	8년 전
3162	HTML YouTube 동영상 ID	수다왕	3,681	8년 전
3161	HTML HTML 도우미 (플러그인)	수다왕	2,153	8년 전
3160	HTML HTML5 Audio on the Web(웹상의 오디오)	수다왕	2,379	8년 전
3159	HTML HTML5 비디오	수다왕	2,305	8년 전
3158	HTML HTML 멀티미디어 오디오 형식	수다왕	1,926	8년 전
3157	HTML HTML 멀티미디어	수다왕	2,205	8년 전
3156	기타 Google 아이콘	컴프	2,074	8년 전
3155	기타 부트 스트랩 아이콘	컴프	2,347	8년 전
3154	기타 아이콘을 추가하는 방법	컴프	3,214	8년 전
3153	반응형 부트 스트랩 <blockquote>	컴프	2,744	8년 전
3152	반응형 부트 스트랩 <abbr>	컴프	1,964	8년 전
3151	반응형 부트 스트랩 <mark>	컴프	1,937	8년 전
3150	반응형 부스트랩 html small tag	컴프	2,237	8년 전
3149	반응형 부트 스트랩의 기본 설정	컴프	2,395	8년 전
3148	반응형 부트 스트랩 그리드 시스템	컴프	2,495	8년 전
3147	CSS 왼쪽에 툴팁 나오게 하는 소스	컴프	2,635	8년 전
3146	CSS 오른쪽에 툴팁 나오게 하는 소스	컴프	2,690	8년 전
3145	CSS css를 이용한 툴팁만들기	컴프	2,656	8년 전
3144	CSS CSS3 Word Breaking	컴프	2,340	8년 전
3143	CSS CSS3 Word Wrapping	컴프	2,006	8년 전
3142	CSS CSS3 텍스트 오버플로(CSS3 Text Overflow)	컴프	2,125	8년 전
3136	CSS css 이미지 갤러리	컴프	3,617	8년 전
3135	CSS CSS 드롭 다운 2	컴프	2,916	8년 전
3134	CSS css 기본 툴팁	컴프	2,150	8년 전

이전 다음

8 9 10 11 12

전체 목록

강좌