kledgeb Ubuntuの使い方や日本語化、アプリの使い方を紹介しています。 Ubuntuの最新情報も紹介しています。

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プロパティーの略記一覧です。

略記 展開される内容
zoo zoom:1;

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


関連コンテンツ
同一カテゴリーの記事
コメント
オプション