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