HTML CSS to Clipboard

Clipboard Copy

CSS一覧、HTML一覧から構文をボタンクリックでクリップボードにコピー出来ます。

10秒後に、この説明は非表示になります。

  • /* comment */
  • A
  • animation
  • B
  • background:#000 url(” “);
  • background-color: #9c0;
  • background-repeat:repeat-x;
  • border:1px solid #000;
  • border-bottom:solid 1px #000;
  • border-color:#000;
  • border-left:solid 1px #000;
  • border-right:solid 1px #000;
  • border-top:solid 1px #000;
  • border-radius:5px;
  • border-top-left-radius: 1em;
  • border-bottom-left-radius: 1em;
  • bottom:10px;
  • box-align:center;
  • box-decoration-break:clone;
  • box-direction:reverse;
  • box-flex:0.0;
  • box-flex-group:0.0;
  • box-lines:multiple;
  • box-orient:horizontal;
  • box-ordinal-group:1;
  • box-pack:center;
  • box-shadow:a b c d rgba(0,0,0,0.5);
  • box-sizing: border-box;
  • break-after: always;
  • C
  • color:#000;
  • column-count: 3;
  • columns:300px auto;
  • D
  • display:block;
  • display:inline-block;
  • display:flex;
  • display:none;
  • F
  • float:left;
  • float:right;
  • font:bold large/150% “MS 明朝”;
  • font-family:sans-serif;
  • font-size:0.875em;
  • font-size-adjust: 0.5;
  • font-stretch:expanded;
  • font-weight:bold;
  • H
  • height:50%;
  • L
  • left:10px;
  • letter-spacing:0.5em;
  • line-height:1.5em;
  • list-style-type:none;
  • list-style-type:decimal;
  • M
  • margin:0 auto;
  • margin:10px 5px 10px 5px;
  • margin-bottom:10px;
  • margin-left:10px;
  • margin-right:10px;
  • margin-top:10px;
  • max-height:100px;
  • max-width:100px;
  • min-height:100px;
  • min-width:100px;
  • O
  • outline:solid 1px #000;
  • outline-color:#000;
  • outline-style:solid;
  • outline-width:1px;
  • overflow:hidden:
  • P
  • padding:10px 5px 10px 5px;
  • padding-bottom:10px;
  • padding-lift:10px;
  • padding-right:10px;
  • padding-top:10px;
  • position:absolute;
  • position:fixed;
  • position:relative;
  • Q
  • quotes: “「” “」” “『” “』”;
  • R
  • resize:both;
  • right:10px;
  • ruby-align:center;
  • ruby-overhang:auto;
  • ruby-position:after;
  • T
  • table-layout:fixed;
  • text-align:center;
  • text-indent:1em;
  • text-decoration:underline;
  • text-shadow: 3px 3px 2px #60f;
  • text-transform:capitalize;
  • top:10px;
  • transform-origin:a b c;
  • transform-style:preserve-3d;
  • transform:matrix(a, b, c, d, e, f)
  • transform:matrix3d(4×4の数値)
  • transform:perspective(100);
  • transform:rotate();
  • transform:scale(0.5,0.5);
  • transform:skew(a,b);
  • transform:translate(a,b);
  • transition:color 2.0s, font-size 0.3s;
  • V
  • vertical-align:middle;
  • visibility:hidden;
  • W
  • width:10px;
  • Z
  • z-index:5;
  • @
  • @media only screen and (max-width: 480px) { }
  • @media only screen and (min-width: 481px) and (max-width:768px) { }
  • @media only screen and (min-width: 769px) { }
  • a:link { }
  • a:visited { }
  • a:hover { }
  • a:active { }
  • :first-child { }
  • :last-child { }
  • :nth-child(n) { }
  • linear-gradient(#fff, #000);
  • radial-gradient(#fff, #000);