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

CSSで利用できる略記の一覧 その2

  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;


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