制作チーム：サンストライプ - CSS 学習

NEWS

SITEMAP

TOP > CSS 学習

aaaaaaaaaaaaaaa

リファレンスリンク

概要

CSS入門
リンク
サンプル
表記について
CSS3関連規約

セレクタ

* { ... }
E { ... }
ns|E { ... }
E.class
E#id
E F { ... }
E > F { ... }
E + F { ... }
E ~ F { ... }
[attr]
[ns|attr]
[attr="val"]
[attr~="val"]
[attr|="val"]
[attr^="val"]
[attr$="val"]
[attr*="val"]
:link
:visited
:any-link
:target
:hover
:active
:focus
:lang(c)
:enabled
:disabled
:read-only
:read-write
:checked
:indeterminate
:root
:empty
:nth-child(n)
:nth-last-child(n)
:first-child
:last-child
:only-child
:nth-of-type(n)
:nth-last-of-type(n)
:first-of-type
:last-of-type
:only-of-type
::first-line
::first-letter
::selection
::before
::after
::placeholder
:not(x)

ルール

@charset
@counter-style
@font-face
@import
@keyframes
@media
@namespace
@page
@supports

宣言

!important

値

<angle>
<color>
<frequency>
<length>
<resolution>
<time>
<url>
initial
inherit
unset
attr
calc
toggle
var

カスケード

all

色

color
opacity

フォント

font
font-style
font-variant
font-weight
font-size
font-family
font-stretch
font-size-adjust
font-synthesis
font-kerning
font-feature-settings
font-variant-numeric
font-variant-caps
font-variant-ligatures
font-variant-position
font-variant-alternates
font-variant-east-asian
font-language-override

テキスト

text-indent
text-align
text-align-last
vertical-align
text-underline-position
text-transform
white-space
line-height
line-break
word-break
word-wrap
word-spacing
letter-spacing
text-justify
text-autospace
text-kashida-space
tab-size
layout-grid
layout-grid-line
layout-grid-char
layout-grid-mode
layout-grid-type

テキストデコレーション

text-shadow
text-decoration

文書方向

writing-mode
text-orientation
direction
unicode-bidi

ルビ

ruby-align
ruby-overhang
ruby-position

改ページ・改カラム

break-before
break-after
break-inside
page-break-before
page-break-after
page-break-inside
box-decoration-break

リスト

list-style
list-style-type
list-style-position
list-style-image

テーブル

caption-side
table-layout
border-collapse
border-spacing
empty-cells

コンテント作成

quotes
content
counter-reset
counter-increment
marker-offset

印刷

size
marks
page
orphans
widows

ブレンド

mix-blend-mode
background-blend-mode
isolation

ポジション

position
top
right
bottom
left
z-index

表示

float
clear
overflow
overflow-x
overflow-y
text-overflow
visibility
display

マージン

margin
margin-top
margin-right
margin-bottom
margin-left

パディング

padding
padding-top
padding-right
padding-bottom
padding-left

サイズ

width
min-width
max-width
height
min-height
max-height
box-sizing
resize

背景

background
background-color
background-image
background-repeat
background-attachment
background-position
background-clip
background-origin
background-size

ボーダー

border
border-top
border-right
border-bottom
border-left
border-width
border-top-width
border-right-width
border-bottom-width
border-left-width
border-style
border-top-style
border-right-style
border-bottom-style
border-left-style
border-color
border-top-color
border-right-color
border-bottom-color
border-left-color
border-radius
border-top-left-radius
border-top-right-radius
border-bottom-left-radius
border-bottom-right-radius
border-image
border-image-source
border-image-slice
border-image-width
border-image-outset
border-image-repeat
css_border-blackboard

ボーダー影

box-shadow

アウトライン

outline
outline-width
outline-style
outline-color

マスキング

clip
clip-path

フィルタ

filter
filter (IE4-9)

アニメーション

animation
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-fill-mode
animation-play-state
css_bound-animation

トランスフォーム

transform
transform-origin
transform-style
perspective
perspective-origin
backface-visibility

トランジション

transition
transition-property
transition-duration
transition-timing-function
transition-delay

マルチカラム

columns
column-count
column-width
column-gap
column-rule
column-rule-width
column-rule-style
column-rule-color
column-span
column-fill

フレキシブルボックス

flex-flow
flex-direction
flex-wrap
order
flex
flex-grow
flex-shrink
flex-basis

グリッド

grid
grid-template
grid-template-rows
grid-template-columns
grid-template-areas
grid-auto-rows
grid-auto-columns
grid-auto-flow
grid-row
grid-column
grid-row-start
grid-row-end
grid-column-start
grid-column-end
grid-area

ボックス配置

justify-self
justify-items
justify-content
align-self
align-items
align-content
place-self
place-items
place-content

ユーザインタフェース

cursor
ime-mode
behavior
scrollbar-base-color
scrollbar-track-color
scrollbar-face-color
scrollbar-shadow-color
scrollbar-darkshadow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-arrow-color
caret-color

音声関連

volume
speak
pause
pause-before
pause-after
cue
cue-before
cue-after
play-during
azimuth
elevation
speech-rate
voice-family
pitch
pitch-range
stress
richness
speak-punctuation
speak-numeral
speak-header

お問い合わせ方法

プログラミングレポート