SPATIUM Mobile
주소복사
About Operating System Languages Tools Favorites Notice Visit TEST  
     Android (3)
     Linux (1)
     MacOS (1)
     OS (1)
     Solaris10 (15)
     Windows (1)
     Windows Server (2)
     Windows XP (3)
   ID  
   Password  
  |  
  Location United States
  IP Address 18.224.31.90
2024. 11
12
3456789
10111213141516
17181920212223
24
25
2627282930
Category  Languages, HTML
Writer 김태우 Date 2011-12-08 13:12:41 Visit 3755
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