CSSで利用できる略記の一覧 その2
CSSで利用できる略記の一覧です。量が多いので、4つのパートに分けています。
- CSSで利用できる略記の一覧 その1
- CSSで利用できる略記の一覧 その2
- CSSで利用できる略記の一覧 その3
- CSSで利用できる略記の一覧 その4
outlineプロパティー
outlineプロパティーの略記一覧です。以下のプロパティーを含みます。
- outline
- outline-offset
- outline-width
- outline-style
- outline-color
略記 | 展開される内容 |
---|---|
o | outline:; |
o:n | outline:none; |
oo | outline-offset:; |
ow | outline-width:; |
os | outline-style:; |
oc | outline-color:#000; |
oc:i | outline-color:invert; |
borderプロパティー
borderプロパティーの略記一覧です。border
略記 | 展開される内容 |
---|---|
bd | border:; |
bd+ | border:1px solid #000; |
bd:n | border:none; |
border-break
略記 | 展開される内容 |
---|---|
bdbk | border-break:; |
bdbk:c | border-break:close; |
border-collapse
略記 | 展開される内容 |
---|---|
bdcl | border-collapse:; |
bdcl:c | border-collapse:collapse; |
border-color
略記 | 展開される内容 |
---|---|
bdc | border-color:#000; |
border-image
略記 | 展開される内容 |
---|---|
bdi | border-image:url(); |
bdi:n | border-image:none; |
bdi:w | -webkit-border-image:url() 0 0 0 0 stretch stretch; |
bdi:m | -moz-border-image:url() 0 0 0 0 stretch stretch; |
bdti | border-top-image:url(); |
bdti:n | border-top-image:none; |
bdri | border-right-image:url(); |
bdri:n | border-right-image:none; |
bdbi | border-bottom-image:url(); |
bdbi:n | border-bottom-image:none; |
bdli | border-left-image:url(); |
bdli:n | border-left-image:none; |
bdci | border-corner-image:url(); |
bdci:n | border-corner-image:none; |
bdci:c | border-corner-image:continue; |
bdtli | border-top-left-image:url(); |
bdtli:n | border-top-left-image:none; |
bdtli:c | border-top-left-image:continue; |
bdtri | border-top-right-image:url(); |
bdtri:n | border-top-right-image:none; |
bdtri:c | border-top-right-image:continue; |
bdbri | border-bottom-right-image:url(); |
bdbri:n | border-bottom-right-image:none; |
bdbri:c | border-bottom-right-image:continue; |
bdbli | border-bottom-left-image:url(); |
bdbli:n | border-bottom-left-image:none; |
bdbli:c | border-bottom-left-image:continue; |
border-fit
略記 | 展開される内容 |
---|---|
bdf | border-fit:; |
bdf:c | border-fit:clip; |
bdf:r | border-fit:repeat; |
bdf:sc | border-fit:scale; |
bdf:st | border-fit:stretch; |
bdf:ow | border-fit:overwrite; |
bdf:of | border-fit:overflow; |
bdf:sp | border-fit:space; |
border-length
略記 | 展開される内容 |
---|---|
bdl:a | border-length:auto; |
border-spacing
略記 | 展開される内容 |
---|---|
bdsp | border-spacing:; |
border-style
略記 | 展開される内容 |
---|---|
bds | border-style:; |
bds:n | border-style:none; |
bds:h | border-style:hidden; |
bds:dt | border-style:dotted; |
bds:ds | border-style:dashed; |
bds:s | border-style:solid; |
bds:db | border-style:double; |
bds:dtds | border-style:dot-dash; |
bds:dtdtds | border-style:dot-dot-dash; |
bds:w | border-style:wave; |
bds:g | border-style:groove; |
bds:r | border-style:ridge; |
bds:i | border-style:inset; |
bds:o | border-style:outset; |
border-width
略記 | 展開される内容 |
---|---|
bdw | border-width:; |
border-top
略記 | 展開される内容 |
---|---|
bdt | border-top:; |
bdt+ | border-top:1px solid #000; |
bdt:n | border-top:none; |
bdtw | border-top-width:; |
bdts | border-top-style:; |
bdts:n | border-top-style:none; |
bdtc | border-top-color:#000; |
border-right
略記 | 展開される内容 |
---|---|
bdr | border-right:; |
bdr+ | border-right:1px solid #000; |
bdr:n | border-right:none; |
bdrw | border-right-width:; |
bdrs | border-right-style:; (バグのため動作せず) |
bdrs:n | border-right-style:none; |
bdrc | border-right-color:#000; |
border-bottom
略記 | 展開される内容 |
---|---|
bdb | border-bottom:; |
bdb+ | border-bottom:1px solid #000; |
bdb:n | border-bottom:none; |
bdbw | border-bottom-width:; |
bdbs | border-bottom-style:; |
bdbs:n | border-bottom-style:none; |
bdbc | border-bottom-color:#000; |
border-left
略記 | 展開される内容 |
---|---|
bdl | border-left:; |
bdl+ | border-left:1px solid #000; |
bdl:n | border-left:none; |
bdlw | border-left-width:; |
bdls | border-left-style:; |
bdls:n | border-left-style:none; |
bdlc | border-left-color:#000; |
border-radius
略記 | 展開される内容 |
---|---|
bdrs | border-radius:; |
bdtrrs | border-top-right-radius:; |
bdtlrs | border-top-left-radius:; |
bdbrrs | border-bottom-right-radius:; |
bdblrs | border-bottom-left-radius:; |
background
backgroundプロパティーの略記一覧です。background
略記 | 展開される内容 |
---|---|
bg | background:; |
bg+ | background:#FFF url() 0 0 no-repeat; |
bg:n | background:none; |
bg:ie | filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='x.png'); |
background-color
略記 | 展開される内容 |
---|---|
bgc | background-color:#FFF; |
background-image
略記 | 展開される内容 |
---|---|
bgi | background-image:url(); |
bgi:n | background-image:none; |
background-repeat
略記 | 展開される内容 |
---|---|
bgr | background-repeat:; |
bgr:n | background-repeat:no-repeat; |
bgr:x | background-repeat:repeat-x; |
bgr:y | background-repeat:repeat-y; |
background-attachment
略記 | 展開される内容 |
---|---|
bga | background-attachment:; |
bga:f | background-attachment:fixed; |
bga:s | background-attachment:scroll; |
background-position
略記 | 展開される内容 |
---|---|
bgp | background-position:0 0; |
bgpx | background-position-x:; |
bgpy | background-position-y:; |
background-break
略記 | 展開される内容 |
---|---|
bgbk | background-break:; |
bgbk:bb | background-break:bounding-box; |
bgbk:eb | background-break:each-box; |
bgbk:c | background-break:continuous; |
background-clip
略記 | 展開される内容 |
---|---|
bgcp | background-clip:; |
bgcp:bb | background-clip:border-box; |
bgcp:pb | background-clip:padding-box; |
bgcp:cb | background-clip:content-box; |
bgcp:nc | background-clip:no-clip; |
background-origin
略記 | 展開される内容 |
---|---|
bgo | background-origin:; |
bgo:pb | background-origin:padding-box; |
bgo:bb | background-origin:border-box; |
bgo:cb | background-origin:content-box; |
background-size
略記 | 展開される内容 |
---|---|
bgz | background-size:; |
bgz:a | background-size:auto; |
bgz:ct | background-size:contain; |
bgz:cv | background-size:cover; |
color
colorプロパティーの略記一覧です。略記 | 展開される内容 |
---|---|
c | color:#000; |