'HTML 태그'에 해당되는 글 2건

  1. 2009/01/04 HTML과 자바스크립트에서 스타일시트 속성
  2. 2007/05/26 HTML,포토샵,플래시 색상 코드번호 표 (14)
◀ 이전페이지 1 다음페이지 ▶

HTML과 자바스크립트에서 스타일시트 속성

HTML 태그 2009/01/04 11:19
TAG , , , , , ,
HTML과 자바스크립트에서 스타일시트 속성

BACKROUND(배경)
속    성   명
속   성   값
내      용
css
jsss
background
background
background-color
background-images
background-repeat
background-attachment
background-position
웹문서의 배경을 정의하며 각각의 속성값을 "," 없이 두 개 이상 설정할수 있다.
background-attachment
 backgroundAttachment
scroll
fixed
배경그림을 고정 또는 스크롤
background-color
backgroundColor
color_RGB
color_NAME
rgb(red,green,blue)
transparent
배경 색상 및 배경색의 투명성 설정
background-image
 backgroundImage
url(url)
none
배경그림 설정
background-position
 backgroundPosition

backgroundPositionX

backgroundPositionY
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos
배경그림의 위치를 설정하며
백분율을 표시할 때는 숫자와 %를 사용하고 절대위치는 숫자로 표시한다.
background-repeat
 backgroundRepeat
repeat
repeat-x
repeat-y
no-repeat
배경그림이 화면보다 작을 경우 반복해서 보여줄지 여부를 설정

TEXT(글자)
속    성   명
속   성   값
내      용
css
jsss
color
color
color_RGB
color_NAME
rgb(red,green,blue)
글자 색을 설정
direction
 direction
ltr
rtl
글자를 표시하는 방향설정
letter-spacing
 letterSpacing
normal
lengthpx
글자 사이의 간격을 지정 하며 픽셀은
숫자 다음에 px로 표시
text-align
 textAlign
left
right
center
justify
글자의 정렬을 설정
text-decoration
 textDecoration
none
underline
overline
line-through
blink
글자의 꾸밈 및 형식 설정
text-indent
 textIndent
lengthpx
%
좌측 여백을 백분율 또는 픽셀값으로 설정
text-transform
 textTransform
none
capitalize
uppercase
lowercase
글자의 대.소문자 변환 여부를 설정
word-spacing
 whiteSpace
none
lengthpx
단어 사이의 간격을 설정

FONT(글꼴)
속    성   명
속   성   값
내      용
css
jsss
font
font
font-style
font-variant
font-weight
font-size
line-height
font-family
caption
icon
menu
글꼴에 관련된 속성을 설정하며 line-height 값은
줄과 줄 사이의 간격을 백분율로 표시하고 각각의 요소 값은
콤마없이 두 개 이상 설정할 수 있다.
font-family
 fontFamily
family-name
generic-family
글꼴이름을 설정 우선순위에 따라 두 개이상 콤마로
연결할수 있다.
font-size
 fontSize
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
lengthpx
%
글자 크기를 설정
font-style
 fontStyle
normal
italic
글자의 형태를 설정
font-variant
 fontVariant
normal
small-caps
글자의 크기를 설정
font-weight
fontWeight
normal
bold
bloder
lighter
100
200
.....
800
900
글자의 두께를 설정

BORDER(경계선)
속    성   명
속   성   값
내      용
css
jsss
border
border
border-width
border-style
border-color
경계선의 너비, 형식, 색을 설정
두 개이상 설정 가능
border-bottom
 borderBottom
border-bottom-width
border-style
border-color
아래 경계선의 너비, 형식, 색을 설정
두 개이상 설정 가능
border-bottom-color
 borderBottomColor
border-color
아래 경계선의 색을 설정
border-bottom-style
 borderBottomStyle
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
아래 경계선의 형식을 설정
border-bottom-width
 borderBottomWidth
thin
medium
thick
lengthpx
아래 경계선의 두께를 설정
border-color
 borderColor
color
콤마없이 두 개이상의 값을 설정가능
border-left
 borderLeft
border-left-width
border-style
border-color
왼쪽 경계선의 너비, 형식, 색을 지정
두 개이상의 값을 설정가능
border-left-color
 borderLeftColor
border-color
왼쪽 경계선의 색을 설정
border-left-style
 borderLeftStyle
border-style
왼쪽 경계선의 형식을 설정
border-left-width
 borderLeftWidth
width
왼쪽 경계선의 두께를 설정
border-right
 borderRight
border-right-width
border-style
border-color
오른쪽 경계선의 너비, 형식, 색을 지정
두 개이상의 값을 설정가능
border-right-color
 borderRightColor
border-color
오른쪽 경계선의 색을 설정
border-right-style
 borderRightStyle
border-style
오른쪽 경계선의 형식을 설정
border-right-width
 borderRightWidth
width
오른쪽 경계선의 두께를 설정
border-style
 borderStyle
style
경계선의 형식을 설정
border-top
borderTop
border-top-width
border-style
border-color
위쪽 경계선의 너비, 형식, 색을 지정
두 개이상의 값을 설정가능
border-top-color
borderTopColor
border-color
위쪽 경계선의 색을 설정
border-top-style
borderTopStyle
border-style
위쪽 경계선의 형식을 설정
border-top-width
borderTopWidth
width
위쪽 경계선의 두께를 설정
border-width
borderWidth
width
경계선의 두께를 설정

MARGIN(여백)
속    성   명
속   성   값
내      용
css
jsss
margin
margin
margin-top
margin-right
margin-bottom
margin-left
여백의 속성을 설정
margin-bottom
marginBottom
auto
lengthpx
%
아래의 여백을 설정
margin-left
marginLeft
auto
lengthpx
%
왼쪽의 여백을 설정
margin-right
marginRight
auto
lengthpx
%
오른쪽의 여백을 설정
margin-top
marginTop
auto
lengthpx
%
위쪽의 여백을 설정

PADDING(경계선과 내용과의간격)
속    성   명
속   성   값
내      용
css
jsss
padding
padding
padding-top
padding-right
padding-bottom
padding-left
상,하,좌,우의 경계선과 글자 사이의 간격을 설정
padding-bottom
paddingBottom
lengthpx
%
아래 경계선과 글자 사이의 간격을 설정
padding-left
paddingLeft
lengthpx
%
왼쪽 경계선과 글자 사이의 간격을 설정
padding-right
paddingRight
lengthpx
%
오른쪽 경계선과 글자 사이의 간격을 설정
padding-top
paddingTop
lengthpx
%
위쪽 경계선과 글자 사이의 간격을 설정

LIST(목록)
속    성   명
속   성   값
내      용
css
jsss
list-style
list-style
list-style-type
list-style-position
list-style-image
목록의 형식,위치,그림의 속성을 설정
list-style-image
listStyleImage
none
url(url)
목록의 표시를 그림으로 설정
list-style-position
listStylePosition
inside
outside
목록 항목의 위치를 설정
list-style-type
listStyleType
none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
lower-alpha
upper-roman
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
목록의 항목 표시자의 속성을 설정

DIMENSION(영역)
속    성   명
속   성   값
내      용
css
jsss
height
height
auto
legthpx
%
영역의 높이를 설정
line-height
lineHeight
auto
legthpx
%
영역의 줄 간격을 설정
width
width
auto
legthpx
%
영역의 너비를 설정

CLASSIFICATION(식별)
속    성   명
속   성   값
내      용
css
jsss
cursor
cursor
url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
커서의 모양을 설정
float
float
left
right
none
해당요소를 상위 요소안에서 좌.우로 이동할 것인가를 설정
position
position
static
relative
absolute
화면에 표시할 위치를 설정
visibility
visibility
visible
hidden
화면에 표시 여부를 설정

POSITION(위치)
속    성   명
속   성   값
내      용
css
jsss
bottom
bottom
auto
legthpx
%
상위의 요소 아래 경계선에서 떨어진 간격을 설정
clip
clip
rect(top,right,bottom,left)
auto
  

이올린에 북마크하기(0) 이올린에 추천하기(0)
No Trackback, No Comment

HTML,포토샵,플래시 색상 코드번호 표

HTML 태그 2007/05/26 17:47
TAG , , , , , , , , , , , , , , ,
인터넷,HTML,포토샵,플래시 등에 사용되는 색상표와 코드번호(COLOR CODE)입니다. 필요한 색상 코드가 위치한 셀에서 클릭하시면 클립보드로 복사됩니다. 블로그 스킨이나 홈페이지 디자인 색상을 바꿀때, 포토샵에서 이미지 색상을 바꿀때, 플래시에서 무비클립이나 드로잉 오브젝트 등의 색상을 바꿀때 많이 보는 색상 코드들입니다. 넓게 한 화면에서 보시려면 아래 링크를 클릭해서 보시면 됩니다. PHP 와 자바스크립트를 사용하여 색상 DB를 데이타베이스에서 가져와 출력해주는 형태로 구성한 페이지입니다.
http://www.hompydesign.com/club/html_color_code.php
HTML COLOR CODE
red #FF0000 0xFF0000
crimson #DC143C 0xDC143C
firebrick #B22222 0xB22222
maroon #800000 0x800000
darkred #8B0000 0x8B0000
brown #A52A2A 0xA52A2A
sienna #A0522D 0xA0522D
saddlebrown #8B4513 0x8B4513
indianred #CD5C5C 0xCD5C5C
rosybrown #BC8F8F 0xBC8F8F
lightcoral #F08080 0xF08080
salmon #FA8072 0xFA8072
darksalmon #E9967A 0xE9967A
coral #FF7F50 0xFF7F50
tomato #FF6347 0xFF6347
sandybrown #F4A460 0xF4A460
lightsalmon #FFA07A 0xFFA07A
peru #CD853F 0xCD853F
chocolate #D2691E 0xD2691E
orangered #FF4500 0xFF4500
orange #FFA500 0xFFA500
darkorange #FF8C00 0xFF8C00
tan #D2B48C 0xD2B48C
peachpuff #FFDAB9 0xFFDAB9
bisque #FFE4C4 0xFFE4C4
moccasin #FFE4B5 0xFFE4B5
navajowhite #FFDEAD 0xFFDEAD
wheat #F5DEB3 0xF5DEB3
burlywood #DEB887 0xDEB887
darkgoldenrod #B8860B 0xB8860B
goldenrod #DAA520 0xDAA520
gold #FFD700 0xFFD700
yellow #FFFF00 0xFFFF00
lightgoldenrodyellow #FAFAD2 0xFAFAD2
palegoldenrod #EEE8AA 0xEEE8AA
khaki #F0E68C 0xF0E68C
darkkhaki #BDB76B 0xBDB76B
lawngreen #7CFC00 0x7CFC00
greenyellow #ADFF2F 0xADFF2F
chartreuse #7FFF00 0x7FFF00
lime #00FF00 0x00FF00
limegreen #32CD32 0x32CD32
yellowgreen #9ACD32 0x9ACD32
olive #808000 0x808000
olivedrab #6B8E23 0x6B8E23
darkolivegreen #556B2F 0x556B2F
forestgreen #228B22 0x228B22
darkgreen #006400 0x006400
green #008000 0x008000
seagreen #2E8B57 0x2E8B57
mediumseagreen #3CB371 0x3CB371
darkseagreen #8FBC8F 0x8FBC8F
lightgreen #90EE90 0x90EE90
palegreen #98FB98 0x98FB98
springgreen #00FF7F 0x00FF7F
mediumspringgreen #00FA9A 0x00FA9A
teal #008080 0x008080
darkcyan #008B8B 0x008B8B
lightseagreen #20B2AA 0x20B2AA
mediumaquamarine #66CDAA 0x66CDAA
cadetblue #5F9EA0 0x5F9EA0
steelblue #4682B4 0x4682B4
aquamarine #7FFFD4 0x7FFFD4
powderblue #B0E0E6 0xB0E0E6
paleturquoise #AFEEEE 0xAFEEEE
lightblue #ADD8E6 0xADD8E6
lightsteelblue #B0C4DE 0xB0C4DE
skyblue #87CEEB 0x87CEEB
lightskyblue #87CEFA 0x87CEFA
mediumturquoise #48D1CC 0x48D1CC
turquoise #40E0D0 0x40E0D0
darkturquoise #00CED1 0x00CED1
aqua #00FFFF 0x00FFFF
cyan #00FFFF 0x00FFFF
deepskyblue #00BFFF 0x00BFFF
dodgerblue #1E90FF 0x1E90FF
cornflowerblue #6495ED 0x6495ED
royalblue #4169E1 0x4169E1
blue #0000FF 0x0000FF
mediumblue #0000CD 0x0000CD
navy #000080 0x000080
darkblue #00008B 0x00008B
midnightblue #191970 0x191970
darkslateblue #483D8B 0x483D8B
slateblue #6A5ACD 0x6A5ACD
mediumslateblue #7B68EE 0x7B68EE
mediumpurple #9370DB 0x9370DB
darkorchid #9932CC 0x9932CC
darkviolet #9400D3 0x9400D3
blueviolet #8A2BE2 0x8A2BE2
mediumorchid #BA55D3 0xBA55D3
plum #DDA0DD 0xDDA0DD
lavender #E6E6FA 0xE6E6FA
thistle #D8BFD8 0xD8BFD8
orchid #DA70D6 0xDA70D6
violet #EE82EE 0xEE82EE
indigo #4B0082 0x4B0082
darkmagenta #8B008B 0x8B008B
purple #800080 0x800080
mediumvioletred #C71585 0xC71585
deeppink #FF1493 0xFF1493
fuchsia #FF00FF 0xFF00FF
magenta #FF00FF 0xFF00FF
hotpink #FF69B4 0xFF69B4
palevioletred #DB7093 0xDB7093
lightpink #FFB6C1 0xFFB6C1
pink #FFC0CB 0xFFC0CB
mistyrose #FFE4E1 0xFFE4E1
blanchedalmond #FFEBCD 0xFFEBCD
lightyellow #FFFFE0 0xFFFFE0
cornsilk #FFF8DC 0xFFF8DC
antiquewhite #FAEBD7 0xFAEBD7
papayawhip #FFEFD5 0xFFEFD5
lemonchiffon #FFFACD 0xFFFACD
beige #F5F5DC 0xF5F5DC
linen #FAF0E6 0xFAF0E6
oldlace #FDF5E6 0xFDF5E6
lightcyan #E0FFFF 0xE0FFFF
aliceblue #F0F8FF 0xF0F8FF
whitesmoke #F5F5F5 0xF5F5F5
lavenderblush #FFF0F5 0xFFF0F5
floralwhite #FFFAF0 0xFFFAF0
mintcream #F5FFFA 0xF5FFFA
ghostwhite #F8F8FF 0xF8F8FF
honeydew #F0FFF0 0xF0FFF0
seashell #FFF5EE 0xFFF5EE
ivory #FFFFF0 0xFFFFF0
azure #F0FFFF 0xF0FFFF
snow #FFFAFA 0xFFFAFA
white #FFFFFF 0xFFFFFF
gainsboro #DCDCDC 0xDCDCDC
lightgrey #D3D3D3 0xD3D3D3
silver #C0C0C0 0xC0C0C0
darkgray #A9A9A9 0xA9A9A9
lightslategray #778899 0x778899
slategray #708090 0x708090
gray #808080 0x808080
dimgray #696969 0x696969
darkslategray #2F4F4F 0x2F4F4F
black #000000 0x000000
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
이올린에 북마크하기(0) 이올린에 추천하기(0)
No Trackback, 댓글 14개가 달렸습니다.
◀ 이전페이지 1 다음페이지 ▶