SPATIUM Desktop
주소복사
About Operating System Languages Tools Favorites Notice Visit TEST  
     ADK (2)
     android (3)
     ASP (5)
     ASP.Net (1)
     C# (5)
     HTML (9)
     JAVA (6)
     JavaScript (9)
     jQuery (5)
     Mobile Web (2)
     Oracle (8)
     PHP (7)
     Spring Framework (4)
     SQL (15)
     WPF (5)
   ID  
   Password  
  |  
  Location United States
  IP Address 54.84.236.168
2018. 12
1
2345678
9101112131415
16
17
1819202122
23242526272829
3031
Category  Languages, HTML
Writer 김태우 Date 2011-12-08 13:12:41 Visit 2091
Div 태크

 

DIV(div) 태그

HTML TAG

id 속성 - div 태그 ID 설정

name 속성 - div 태그 name 설정

class 속성 - 스타일 시트에서 정의한 스타일 설정

style 속성 - div 태그의 위치, 크기, 색 등을 설정

        background : #666666;
        border : solid; 
            // solid : 라인, dotted : 점선, dashed : 대쉬, double : 더블라인, grrove : 그림자
            // 2 solid red : 2라인 두께에 색 지정
        width : 20px;
        height : 20px;
        position : absolute ;
            // absolute : 절대위치, relative : 상대위치, static : 기본값, fixed : 고정
        top : 100px;
        left : 0px;
        margin : 0px;
        padding : 0px;
        text-align : left;       
            // left, right, center 텍스트 정렬
        font-family : 'Godic';        
            // 폰트종류
        font-size : 11px;
        clear:both;
            // float 으로 정렬되어 있던 기존 셋팅 해제되어 block 상태가 됨

        overflow : visible ;        
            // visible : 정해진 크기 무시 모두 보여짐, hidden : 정해진 크기 이외 잘림,
            // scroll : 수평 수직 스크롤을 보여줌, auto : 내용이 넘치면 스크롤 보여줌
        display : none;       
           
// none : 안보이게, block(default) : 줄 바꿈 이후 보이게, inline : 줄 바꿈을 하지 않고 보이게,
        visibility : hidden;        
            // hidden, visible. display 와 다른 점은 visibility 는 div  height 만큼 여백을 갖는것
        z-index : 1;       
            // 레이어의 순서, 값이 높을 수록 위에 나타남

 

 

Tags  html, div 속성, style
  Relation Articles
[Languages-jQuery] jquery 객체 style 사용시 (2012-05-07 10:56:55)
[Languages-HTML] Div 태크 (2011-12-08 13:12:41)
  Your Opinion
Member ID
150 letters
root (2012-01-27 00:34:22)
agree : 0 disagree : 0
의견 삭제 테스트 입니다. 삭제 기능이 없었네요. ... ㅡㅡ; ; 왜일까..
admin (2011-12-19 01:55:11)
agree : 0 disagree : 0
다른 사용자 테스트 입니다.
root (2011-12-19 01:44:31)
agree : 1 disagree : 0
루트 의견 테스트 입니다.
root (2011-12-19 01:42:02)
agree : 0 disagree : 1
루트의 의견 테스트입니다.
Taewoo (2011-12-18 09:55:34)
agree : 3 disagree : 0
의견 기능의 예입니다. 게시물에서 A 부분 설명이 미흡하네요. 다시 설명 가능하면 알려주세요.
spatium (2011-12-18 00:24:21)
agree : 1 disagree : 0
의견을 적어주세요. 적극 반영하겠습니다. -관리자-
Copyright (C) SPATIUM. All rights reserved.
[SPATIUM]WebMaster Mail