CSS プロパティ
CSS プロパティは、 CSS 宣言で使用される引数で、選択した要素の特定の側面をスタイル設定するために使用します。
例えば、 opacity プロパティは、選択した要素の不透明度を設定するために使用し、その要素の背後のコンテンツを表示するかどうかをコントロールすることができます。
css
/* 0.8 の opacity を <img> 要素に設定 */
img {
opacity: 0.8;
}
それぞれのプロパティには、名前(opacity など)、値(0.8 など)、および文書内のレンダリングに関する定義された動作があります。
CSS では、一括指定プロパティも定義されているため、1 つの宣言で複数の関連プロパティを指定することができます。
例えば、 margin プロパティは margin-top、margin-right、margin-bottom、margin-left の一括指定であり、要素の 4 つの辺すべてのマージンを設定します。
css
/* <img> 要素に 1rem のマージンを与える */
img {
margin: 1rem;
}
構文
css
selector {
property: value;
}
アルファベット順のプロパティの索引
CSS 仕様書で定義されている標準のプロパティには、以下のものがあります。
その他
A
accent-coloralign-contentalign-itemsalign-selfalignment-baselineall(一括指定)anchor-nameanimation-compositionanimation-delayanimation-directionanimation-durationanimation-fill-modeanimation-iteration-countanimation-nameanimation-play-stateanimation-range-endanimation-range-startanimation-range(一括指定)animation-timelineanimation-timing-functionanimation(一括指定)appearanceaspect-ratio
B
Border-*
border-block-colorborder-block-end-colorborder-block-end-styleborder-block-end-widthborder-block-end(一括指定)border-block-start-colorborder-block-start-styleborder-block-start-widthborder-block-start(一括指定)border-block-styleborder-block-widthborder-block(一括指定)border-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-bottom(一括指定)border-collapseborder-color(一括指定)border-end-end-radiusborder-end-start-radiusborder-image-outsetborder-image-repeatborder-image-sliceborder-image-sourceborder-image-widthborder-image(一括指定)border-inline-colorborder-inline-end-colorborder-inline-end-styleborder-inline-end-widthborder-inline-end(一括指定)border-inline-start-colorborder-inline-start-styleborder-inline-start-widthborder-inline-start(一括指定)border-inline-styleborder-inline-widthborder-inline(一括指定)border-left-colorborder-left-styleborder-left-widthborder-left(一括指定)border-radius(一括指定)border-right-colorborder-right-styleborder-right-widthborder-right(一括指定)border-spacingborder-start-end-radiusborder-start-start-radiusborder-style(一括指定)border-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-top(一括指定)border-width(一括指定)border(一括指定)
B - C
bottombox-alignbox-decoration-breakbox-directionbox-flex-groupbox-flexbox-linesbox-ordinal-groupbox-orientbox-packbox-shadowbox-sizingbreak-afterbreak-beforebreak-insidecaption-sidecaret-colorclearclip-pathclip-ruleclipcolor-interpolation-filterscolor-interpolationcolor-schemecolorcolumn-countcolumn-fillcolumn-gapcolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-rule(一括指定)column-spancolumn-widthcolumns(一括指定)contain-intrinsic-block-sizecontain-intrinsic-heightcontain-intrinsic-inline-sizecontain-intrinsic-size(一括指定)contain-intrinsic-widthcontaincontainer-namecontainer-typecontainer(一括指定)content-visibilitycontentcounter-incrementcounter-resetcounter-setcursorcxcy
D - F
ddirectiondisplaydominant-baselineempty-cellsfield-sizingfill-opacityfill-rulefillfilterflex-basisflex-directionflex-flow(一括指定)flex-growflex-shrinkflex-wrapflex(一括指定)floatflood-colorflood-opacityfont-familyfont-feature-settingsfont-kerningfont-language-overridefont-optical-sizingfont-palettefont-size-adjustfont-sizefont-smoothfont-stretchfont-stylefont-synthesis-positionfont-synthesis-small-capsfont-synthesis-stylefont-synthesis-weightfont-synthesis(一括指定)font-variant-alternatesfont-variant-capsfont-variant-east-asianfont-variant-emojifont-variant-ligaturesfont-variant-numericfont-variant-positionfont-variant(一括指定)font-variation-settingsfont-weightfont(一括指定)forced-color-adjust
G - I
gap(一括指定)grid-area(一括指定)grid-auto-columnsgrid-auto-flowgrid-auto-rowsgrid-column-endgrid-column-startgrid-column(一括指定)grid-row-endgrid-row-startgrid-row(一括指定)grid-template-areasgrid-template-columnsgrid-template-rowsgrid-template(一括指定)grid(一括指定)hanging-punctuationheighthyphenate-characterhyphenate-limit-charshyphensimage-orientationimage-renderingimage-resolutioninitial-letterinline-sizeinset-block-endinset-block-startinset-block(一括指定)inset-block(一括指定)inset-inline-endinset-inline-startinset-inline(一括指定)inset-inline(一括指定)inset(一括指定)inset(一括指定)interpolate-sizeisolation
J - M
justify-contentjustify-itemsjustify-selfleftletter-spacinglighting-colorline-breakline-clampline-height-stepline-heightlist-style-imagelist-style-positionlist-style-typelist-style(一括指定)list-style(一括指定)margin-block-endmargin-block-startmargin-block(一括指定)margin-bottommargin-inline-endmargin-inline-startmargin-inline(一括指定)margin-leftmargin-rightmargin-topmargin-trimmargin(一括指定)marker-endmarker-midmarker-startmarkermask-border-modemask-border-outsetmask-border-repeatmask-border-slicemask-border-sourcemask-border-widthmask-border(一括指定)mask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-repeatmask-sizemask-typemask(一括指定)math-depthmath-shiftmath-stylemax-block-sizemax-heightmax-inline-sizemax-widthmin-block-sizemin-heightmin-inline-sizemin-widthmix-blend-mode
O - P
object-fitobject-positionoffset-anchoroffset-distanceoffset-pathoffset-positionoffset-rotateoffset(一括指定)opacityorderorphansoutline-coloroutline-offsetoutline-styleoutline-widthoutline(一括指定)overflow-anchoroverflow-blockoverflow-clip-marginoverflow-inlineoverflow-wrapoverflow-xoverflow-yoverflow(一括指定)overlayoverscroll-behavior-blockoverscroll-behavior-inlineoverscroll-behavior-xoverscroll-behavior-yoverscroll-behavior(一括指定)padding-block-endpadding-block-startpadding-block(一括指定)padding-bottompadding-inline-endpadding-inline-startpadding-inline(一括指定)padding-leftpadding-rightpadding-toppadding(一括指定)page-break-afterpage-break-beforepage-break-insidepagepaint-orderperspective-originperspectiveplace-content(一括指定)place-items(一括指定)place-self(一括指定)pointer-eventsposition-anchorposition-areaposition-try-fallbacksposition-try-orderposition-try(一括指定)position-visibilitypositionprint-color-adjust
Q - S
quotesrreading-flowreading-orderresizerightrotaterow-gapruby-alignruby-positionrxryscalescroll-behaviorscroll-margin-block-endscroll-margin-block-startscroll-margin-block(一括指定)scroll-margin-bottomscroll-margin-inline-endscroll-margin-inline-startscroll-margin-inline(一括指定)scroll-margin-leftscroll-margin-rightscroll-margin-topscroll-margin(一括指定)scroll-marker-groupscroll-padding-block-endscroll-padding-block-startscroll-padding-block(一括指定)scroll-padding-bottomscroll-padding-inline-endscroll-padding-inline-startscroll-padding-inline(一括指定)scroll-padding-leftscroll-padding-rightscroll-padding-topscroll-padding(一括指定)scroll-snap-alignscroll-snap-stopscroll-snap-typescroll-timeline-axisscroll-timeline-namescroll-timeline(一括指定)scrollbar-colorscrollbar-gutterscrollbar-widthshape-image-thresholdshape-marginshape-outsideshape-renderingspeak-asstop-colorstop-opacitystroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthstroke
T - Z
tab-sizetable-layouttext-align-lasttext-aligntext-anchortext-box-edgetext-box-trimtext-box(一括指定)text-combine-uprighttext-decoration-colortext-decoration-linetext-decoration-skip-inktext-decoration-skiptext-decoration-styletext-decoration-thicknesstext-decoration(一括指定)text-emphasis-colortext-emphasis-positiontext-emphasis-styletext-emphasis(一括指定)text-indenttext-justifytext-orientationtext-overflowtext-renderingtext-shadowtext-size-adjusttext-spacing-trimtext-transformtext-underline-offsettext-underline-positiontext-wrap-modetext-wrap-styletext-wrap(一括指定)timeline-scopetoptouch-actiontransform-boxtransform-origintransform-styletransformtransition-behaviortransition-delaytransition-durationtransition-propertytransition-timing-functiontransition(一括指定)translateunicode-bidiuser-modifyuser-selectvector-effectvertical-alignview-timeline-axisview-timeline-insetview-timeline-nameview-timeline(一括指定)view-transition-classview-transition-namevisibilitywhite-space-collapsewhite-spacewidowswidthwill-changeword-breakword-spacingwriting-modexyz-indexzoom
標準外のプロパティ
標準外のプロパティや、ベンダー接頭辞の付いたプロパティには次のようなものがあります。
-moz- の接頭辞
-moz-float-edge-moz-force-broken-image-icon-moz-image-region-moz-orient-moz-user-focus-moz-user-input
-webkit- の接頭辞
-webkit-box-reflect-webkit-border-before(一括指定)-webkit-mask-box-image(一括指定)-webkit-mask-composite-webkit-mask-position-x-webkit-mask-position-y-webkit-mask-repeat-x-webkit-mask-repeat-y-webkit-tap-highlight-color-webkit-text-fill-color-webkit-text-security-webkit-text-stroke(一括指定)-webkit-text-stroke-color-webkit-text-stroke-width-webkit-touch-callout
仕様書
| Specification |
|---|
| CSS Syntax Module Level 3> |
| CSS Snapshot 2024> |
| CSS Cascading and Inheritance Level 6> |