イヌでもＣＳＳプロパティ

イヌでもわかるJavaScript講座

イヌでもＣＳＳプロパティ

ＣＳＳの綴りをすぐ忘れてしまうのでココに書いとけ (w

font-weight フォントの強調

font-weight : normal
font-weight : bold

font-style フォントの斜体

font-style : normal
font-style : italic

font-size フォントサイズ

font-size : xx-large
font-size : x-large
font-size : large
font-size : medium
font-size : small
font-size : x-small
font-size : xx-small
font-size : 100%

font-family フォントの種類

font-family : serif
font-family : sans-serif
font-family : cursive
font-family : fantasy
font-family : monospace
font-family : monospace
font-family : "メイリオ"
font-family : Meiryo

text-decoration 文字修飾

text-decoration : underline
text-decoration : line-through
text-decoration : overline
text-decoration : blink
text-decoration : none

color テキストの色

color : blue
color : #00ff00
color : rgb(255,0,0)

background-color テキストの背景色

background-color : yellow
background-color : #00ff00
background-color : transparent

text-align 文字寄せ

text-align : left

text-align : center

text-align : right

line-height 行間

line-height : normal

line-height : 100%

line-height : 150%

line-height : 80%

line-height : 1.4em

letter-spacing 文字間

letter-spacing : normal

letter-spacing : 0px

letter-spacing : 5px

letter-spacing : 10px

letter-spacing : -1px

text-indent インデント

text-indent : 0em

text-indent : 1em

text-indent : 3em

text-indent : 6em

text-indent : -3em

TABLE

<TABLE>
表の横幅 (width)

width : 90%

width : 300px

表の高さ (height)

height : 200px

表の境界線 (border-collapse)

border-collapse : collapse

境界線の間隔を詰める

border-collapse : separate

境界線の間隔をあける

表の境界線の間隔 (border-spacing)

border-spacing: 10px

上下左右 10px

border-spacing: 20px 5px

左右 20px、上下 5px

<TD>
セルの余白 (padding)

padding : 5px	上下左右 5px
padding : 5px 10px	上下 5px、左右 10px
padding : 5px 10px 20px 30px	上 5px、右 10px、下 20px、左 30px

文字の折り返し禁止 (white-space)

white-space : normal

white-space : nowrap

文字の水平方向位置 (text-align)

text-align : left

text-align : center

text-align : right

text-align : justify

文字の垂直方向位置 (vertical-align)

vertical-align : top

vertical-align : middle

vertical-align : bottom

vertical-align : baseline

セルの横幅 (width)

width : 200px

width : 400px

width : 20%

width : 50%

セルの高さ (height)

height : 100px

height : 50px

<TABLE><TR><TD> 共通
背景色 (background-color)

background-color : #CCFFCC

CSS2Properties

azimuth
background
backgroundAttachment
backgroundColor
backgroundImage
backgroundPosition
backgroundRepeat
border
borderCollapse
borderColor
borderSpacing
borderStyle
borderTop
borderRight
borderBottom
borderLeft
borderTopColor
borderRightColor
borderBottomColor
borderLeftColor
borderTopStyle
borderRightStyle
borderBottomStyle
borderLeftStyle
borderTopWidth
borderRightWidth
borderBottomWidth
borderLeftWidth
borderWidth
bottom
captionSide
clear
clip
color
content
counterIncrement
counterReset
cue
cueAfter
cueBefore
cursor
direction
display
elevation
emptyCells
cssFloat
font
fontFamily
fontSize
fontSizeAdjust
fontStretch
fontStyle
fontVariant
fontWeight
height
left
letterSpacing
lineHeight
lineStyle
listStyleImage
listStylePosition
listStyleType
margin
marginTop
marginRight
marginBottom
marginLeft
makerOffset
marks
maxHeight
maxWidth
minHeight
minWidth
orphans
outline
outlineColor
outlineStyle
outlineWidth
overflow
padding
paddingTop
paddingRight
paddingBottom
paddingLeft
page
pageBreakAfter
pageBreakBefore
pageBreakInside
pause
pauseAfter
pauseBefore
pitch
pitchRange
playDuring
position
quotes
richness
right
size
speak
speakHeader
speakNumeral
speakPunctuation
speechRate
stress
tableLayout
textAlign
textDecoration
textIndent
textShadow
textTransform
top
unicodeBidi
verticalAlign
visibility
voiceFamily
volume
whiteSpace
widows
width
wordSpacing
zIndex