CSSで利用できる略記の一覧 その1
CSSで利用できる略記の一覧です。
量が多いので、4つのパートに分けています。
ルール
ルールの略記一覧です。
| 略記 |
展開される内容 |
| @i |
@import url(); |
| @m |
@media print {
} |
| @f |
@font-face {
font-family:;
src:url();
} |
| ! |
!important |
positionプロパティー
positionプロパティーの略記一覧です。
| 略記 |
展開される内容 |
| pos |
position:; |
| pos:s |
position:static; |
| pos:a |
position:absolute; |
| pos:r |
position:relative; |
| pos:f |
position:fixed; |
top/right/bottom/leftプロパティー
top/right/bottom/leftプロパティーの略記一覧です。
top
| 略記 |
展開される内容 |
| t |
top:; |
| t:a |
top:auto; |
right
| 略記 |
展開される内容 |
| r |
right:; |
| r:a |
right:auto; |
bottom
| 略記 |
展開される内容 |
| b |
bottom:; |
| b:a |
bottom:auto; |
left
| 略記 |
展開される内容 |
| l |
left:; |
| l:a |
left:auto; |
z-indexプロパティー
z-indexプロパティーの略記一覧です。
| 略記 |
展開される内容 |
| z |
z-index:; |
| z:a |
z-index:auto; |
floatプロパティー
floatプロパティーの略記一覧です。
| 略記 |
展開される内容 |
| fl |
float:; |
| fl:n |
float:none; |
| fl:l |
float:left; |
| fl:r |
float:right; |
clearプロパティー
clearプロパティーの略記一覧です。
| 略記 |
展開される内容 |
| cl |
clear:; |
| cl:n |
clear:none; |
| cl:l |
clear:left; |
| cl:r |
clear:right; |
| cl:b |
clear:both; |
displayプロパティー
displayプロパティーの略記一覧です。
| 略記 |
展開される内容 |
| d |
display:; |
| d:n |
display:none; |
| d:b |
display:block; |
| d:i |
display:inline; |
| d:ib |
display:inline-block; |
| d:li |
display:list-item; |
| d:ri |
display:run-in; |
| d:cp |
display:compact; |
| d:tb |
display:table; |
| d:itb |
display:inline-table; |
| d:tbcp |
display:table-caption; |
| d:tbcl |
display:table-column; |
| d:tbclg |
display:table-column-group; |
| d:tbhg |
display:table-header-group; |
| d:tbfg |
display:table-footer-group; |
| d:tbr |
display:table-row; |
| d:tbrg |
display:table-row-group; |
| d:tbc |
display:table-cell; |
| d:rb |
display:ruby; |
| d:rbb |
display:ruby-base; |
| d:rbbg |
display:ruby-base-group; |
| d:rbt |
display:ruby-text; |
| d:rbtg |
display:ruby-text-group; |
visibilityプロパティー
visibilityプロパティーの略記一覧です。
| 略記 |
展開される内容 |
| v |
visibility:; |
| v:v |
visibility:visible; |
| v:h |
visibility:hidden; |
| v:c |
visibility:collapse; |
overflowプロパティー
overflowプロパティーの略記一覧です。
ここでは以下のプロパティーを含みます。
overflow
| 略記 |
展開される内容 |
| ov |
overflow:; |
| ov:v |
overflow:visible; |
| ov:h |
overflow:hidden; |
| ov:s |
overflow:scroll; |
| ov:a |
overflow:auto; |
overflow-x
| 略記 |
展開される内容 |
| ovx |
overflow-x:; |
| ovx:v |
overflow-x:visible; |
| ovx:h |
overflow-x:hidden; |
| ovx:s |
overflow-x:scroll; |
| ovx:a |
overflow-x:auto; |
overflow-y
| 略記 |
展開される内容 |
| ovy |
overflow-y:; |
| ovy:v |
overflow-y:visible; |
| ovy:h |
overflow-y:hidden; |
| ovy:s |
overflow-y:scroll; |
| ovy:a |
overflow-y:auto; |
overflow-style
| 略記 |
展開される内容 |
| ovs |
overflow-style:; |
| ovs:a |
overflow-style:auto; |
| ovs:s |
overflow-style:scrollbar; |
| ovs:p |
overflow-style:panner; |
| ovs:m |
overflow-style:move; |
| ovs:mq |
overflow-style:marquee; |
zoomプロパティー
zoomプロパティーの略記一覧です。
clipプロパティー
clipプロパティーの略記一覧です。
| 略記 |
展開される内容 |
| cp |
clip:; |
| cp:a |
clip:auto; |
| cp:r |
clip:rect(); |
box-*プロパティー
box-*プロパティーの略記一覧です。
box-sizing
| 略記 |
展開される内容 |
| bxz |
box-sizing:; |
| bxz:cb |
box-sizing:content-box; |
| bxz:bb |
box-sizing:border-box; |
box-shadowプロパティー
| 略記 |
展開される内容 |
| bxsh |
box-shadow:; |
| bxsh:n |
box-shadow:none; |
| bxsh:w |
-webkit-box-shadow:0 0 0 #000; |
| bxsh:m |
-moz-box-shadow:0 0 0 0 #000; |
marginプロパティー
marginプロパティーの略記一覧です。
margin
| 略記 |
展開される内容 |
| m |
margin:; |
| m:a |
margin:auto; |
| m:0 |
margin:0; |
| m:2 |
margin:0 0; |
| m:3 |
margin:0 0 0; |
| m:4 |
margin:0 0 0 0; |
margin-top
| 略記 |
展開される内容 |
| mt |
margin-top:; |
| mt:a |
margin-top:auto; |
margin-right
| 略記 |
展開される内容 |
| mr |
margin-right:; |
| mr:a |
margin-right:auto; |
margin-bottom
| 略記 |
展開される内容 |
| mb |
margin-bottom:; |
| mb:a |
margin-bottom:auto; |
margin-left
| 略記 |
展開される内容 |
| ml |
margin-left:; |
| ml:a |
margin-left:auto; |
paddingプロパティー
paddingプロパティーの略記一覧です。
padding
| 略記 |
展開される内容 |
| p |
padding:; |
| p:0 |
padding:0; |
| p:2 |
padding:0 0; |
| p:3 |
padding:0 0 0; |
| p:4 |
padding:0 0 0 0; |
padding-top
| 略記 |
展開される内容 |
| pt |
padding-top:; |
padding-right
| 略記 |
展開される内容 |
| pr |
padding-right:; |
padding-bottom
| 略記 |
展開される内容 |
| pb |
padding-bottom:; |
padding-left
| 略記 |
展開される内容 |
| pl |
padding-left:; |
width/heightプロパティー
width/heightプロパティーの略記一覧です。
width
| 略記 |
展開される内容 |
| w |
width:; |
| w:a |
width:auto; |
| maw |
max-width:; |
| maw:n |
max-width:none; |
| miw |
min-width:; |
height
| 略記 |
展開される内容 |
| h |
height:; |
| h:a |
height:auto; |
| mah |
max-height:; |
| mah:n |
max-height:none; |
| mih |
min-height:; |
