--- 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 |