[ メニュー画面へ戻る ]

イヌでもわかるJavaScript講座

イヌでもCSSプロパティ

CSSの綴りをすぐ忘れてしまうのでココに書いとけ (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 : normal
line-height : normal

line-height : 100%
line-height : 100%
line-height : 100%

line-height : 150%
line-height : 150%
line-height : 150%

line-height : 80%
line-height : 80%
line-height : 80%

line-height : 1.4em
line-height : 1.4em
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
 

ホームページへ戻ります

只今のご来場者数