'HTML/CSS' 카테고리의 글 목록

이전 다음 2024.4
일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

'HTML/CSS'에 해당되는 글 2건

2013.04.18 InnerHTML 사용시 알 수 없는 런타임 오류
2011.12.01 CSS display 속성

CSS display 속성 (0)	2011.12.01

display inline : 줄바꿈 안됌, width / height 지정 불가 (like span태그)
            block : 줄바꿈 가능, width / height 지정 가능 (like div태그)
            list-item : block과 동일한 기능에 목록표시가 추가된다.
            none : 감춘다
            초기값 initial Value는 block이다.

CSS Display와 Visibility 차이점

- 화면에 보이지 않는건 공통
- visibility:visible 보이지 않아도 영역을 차지하고 있음
- display:none 보이지 않고 영역도 차지하지 않음

<html>
<head>
<style>
  .displayPanel{ float:right; }
  .box{ border: 1px solid #ff0000; width:100px; heghit:100px; text-align:center; }
  .v_t{ position:absolute; left:50px; top:320px; }
  .d_t{ position:absolute; left:250px; top:320px; }  
</style>
<script>
  function on_Visible(){
    var v1 = document.getElementById("box_v_1");
    if(v1.style.visibility!="hidden")
      v1.style.visibility="hidden";
    else
      v1.style.visibility="visible";
  }

function on_Display(){
    var d1 = document.getElementById("box_d_1");
    if(v1.style.display!="none")
      v1.style.display="none";
    else
      v1.style.visibility="block";
  }
</script>  
</head>

</body>
</html>

'HTML/CSS' 카테고리의 다른 글

InnerHTML 사용시 알 수 없는 런타임 오류 (0)	2013.04.18

Posted by 에시드 :

acid RSS FEED

달력

카테고리

공지사항

태그목록

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

링크

'HTML/CSS'에 해당되는 글 2건

InnerHTML 사용시 알 수 없는 런타임 오류

'HTML/CSS' 카테고리의 다른 글

CSS display 속성

'HTML/CSS' 카테고리의 다른 글

티스토리툴바