blob: d8745b46c032f70a94707406f502bac1428c4290 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
---
title: CSS プロパティリファレンス
slug: Web/CSS/CSS_Properties_Reference
tags:
- CSS
- ガイド
- スタイル
translation_of: Web/CSS/CSS_Properties_Reference
---
## 一般的な CSS プロパティリファレンス
下記は最も一般的な CSS プロパティと、 JavaScript からアクセスする際に使用される等価な DOM 表記の基本的な一覧です。
> **Note:** このリストは完全ではありません。 CSS プロパティについては[主要な CSS リファレンス](/ja/docs/Web/CSS/Reference)と [Mozilla CSS 拡張](/ja/docs/Web/CSS/Mozilla_Extensions)をご覧ください。リファレンス記事はすべてのプロパティの使い方の例も含んでいます。
| **CSS** | **JavaScript** |
| ----------------------------------------------------------------- | -------------------- |
| [background](/ja/docs/Web/CSS/background) | background |
| [background-attachment](/ja/docs/Web/CSS/background-attachment) | backgroundAttachment |
| [background-color](/ja/docs/Web/CSS/background-color) | backgroundColor |
| [background-image](/ja/docs/Web/CSS/background-image) | backgroundImage |
| [background-position](/ja/docs/Web/CSS/background-position) | backgroundPosition |
| [background-repeat](/ja/docs/Web/CSS/background-repeat) | backgroundRepeat |
| [border](/ja/docs/Web/CSS/border) | border |
| [border-bottom](/ja/docs/Web/CSS/border-bottom) | borderBottom |
| [border-bottom-color](/ja/docs/Web/CSS/border-bottom-color) | borderBottomColor |
| [border-bottom-style](/ja/docs/Web/CSS/border-bottom-style) | borderBottomStyle |
| [border-bottom-width](/ja/docs/Web/CSS/border-bottom-width) | borderBottomWidth |
| [border-color](/ja/docs/Web/CSS/border-color) | borderColor |
| [border-left](/ja/docs/Web/CSS/border-left) | borderLeft |
| [border-left-color](/ja/docs/Web/CSS/border-left-color) | borderLeftColor |
| [border-left-style](/ja/docs/Web/CSS/border-left-style) | borderLeftStyle |
| [border-left-width](/ja/docs/Web/CSS/border-left-width) | borderLeftWidth |
| [border-right](/ja/docs/Web/CSS/border-right) | borderRight |
| [border-right-color](/ja/docs/Web/CSS/border-right-color) | borderRightColor |
| [border-right-style](/ja/docs/Web/CSS/border-right-style) | borderRightStyle |
| [border-right-width](/ja/docs/Web/CSS/border-right-width) | borderRightWidth |
| [border-style](/ja/docs/Web/CSS/border-style) | borderStyle |
| [border-top](/ja/docs/Web/CSS/border-top) | borderTop |
| [border-top-color](/ja/docs/Web/CSS/border-top-color) | borderTopColor |
| [border-top-style](/ja/docs/Web/CSS/border-top-style) | borderTopStyle |
| [border-top-width](/ja/docs/Web/CSS/border-top-width) | borderTopWidth |
| [border-width](/ja/docs/Web/CSS/border-width) | borderWidth |
| [clear](/ja/docs/Web/CSS/clear) | clear |
| [clip](/ja/docs/Web/CSS/clip) | clip |
| [color](/ja/docs/Web/CSS/color) | color |
| [cursor](/ja/docs/Web/CSS/cursor) | cursor |
| [display](/ja/docs/Web/CSS/display) | display |
| [filter](/ja/docs/Web/CSS/filter) | filter |
| [float](/ja/docs/Web/CSS/float) | cssFloat |
| [font](/ja/docs/Web/CSS/font) | font |
| [font-family](/ja/docs/Web/CSS/font-family) | fontFamily |
| [font-size](/ja/docs/Web/CSS/font-size) | fontSize |
| [font-variant](/ja/docs/Web/CSS/font-variant) | fontVariant |
| [font-weight](/ja/docs/Web/CSS/font-weight) | fontWeight |
| [height](/ja/docs/Web/CSS/height) | height |
| [left](/ja/docs/Web/CSS/left) | left |
| [letter-spacing](/ja/docs/Web/CSS/letter-spacing) | letterSpacing |
| [line-height](/ja/docs/Web/CSS/line-height) | lineHeight |
| [list-style](/ja/docs/Web/CSS/list-style) | listStyle |
| [list-style-image](/ja/docs/Web/CSS/list-style-image) | listStyleImage |
| [list-style-position](/ja/docs/Web/CSS/list-style-position) | listStylePosition |
| [list-style-type](/ja/docs/Web/CSS/list-style-type) | listStyleType |
| [margin](/ja/docs/Web/CSS/margin) | margin |
| [margin-bottom](/ja/docs/Web/CSS/margin-bottom) | marginBottom |
| [margin-left](/ja/docs/Web/CSS/margin-left) | marginLeft |
| [margin-right](/ja/docs/Web/CSS/margin-right) | marginRight |
| [margin-top](/ja/docs/Web/CSS/margin-top) | marginTop |
| [overflow](/ja/docs/Web/CSS/overflow) | overflow |
| [padding](/ja/docs/Web/CSS/padding) | padding |
| [padding-bottom](/ja/docs/Web/CSS/padding-bottom) | paddingBottom |
| [padding-left](/ja/docs/Web/CSS/padding-left) | paddingLeft |
| [padding-right](/ja/docs/Web/CSS/padding-right) | paddingRight |
| [padding-top](/ja/docs/Web/CSS/padding-top) | paddingTop |
| [page-break-after](/ja/docs/Web/CSS/page-break-after) | pageBreakAfter |
| [page-break-before](/ja/docs/Web/CSS/page-break-before) | pageBreakBefore |
| [position](/ja/docs/Web/CSS/position) | position |
| [stroke-dasharray](/ja/docs/Web/SVG/Attribute/stroke-dasharray) | strokeDasharray |
| [stroke-dashoffset](/ja/docs/Web/SVG/Attribute/stroke-dashoffset) | strokeDashoffset |
| [text-align](/ja/docs/Web/CSS/text-align) | textAlign |
| [text-decoration](/ja/docs/Web/CSS/text-decoration) | textDecoration |
| [text-indent](/ja/docs/Web/CSS/text-indent) | textIndent |
| [text-transform](/ja/docs/Web/CSS/text-transform) | textTransform |
| [top](/ja/docs/Web/CSS/top) | top |
| [vertical-align](/ja/docs/Web/CSS/vertical-align) | verticalAlign |
| [visibility](/ja/docs/Web/CSS/visibility) | visibility |
| [width](/ja/docs/Web/CSS/width) | width |
| [z-index](/ja/docs/Web/CSS/z-index) | zIndex |
|
