CSS 構文 ボーダー(色･形･太さ･画像)
CSSの暗記用です 境界線のスタイリング
border-color border-style border-width
border-radius border-image
border-radius border-image
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | mh | 3571 | プロフェッショナル！ | 3.6 | 98.5% | 395.4 | 1433 | 21 | 54 | 2026/05/08 |
関連タイピング
-
プレイ回数738 英語短文159打 -
HTML＆CSSを忘れないために
プレイ回数3万 英語長文759打 -
数字キーに定義されている記号の練習
プレイ回数1638 英語短文68打 -
公開されている実践的な javascript プログラムです
プレイ回数1144 英語長文2780打 -
競技プログラミングに特化したc++コードのタイピングです。
プレイ回数3541 英語長文300秒 -
英数と記号を混ぜた文章です
プレイ回数257 英語長文1468打 -
通信基礎２
プレイ回数41 長文986打 -
Javaプログラミングにおける超入門タイピング練習です．
プレイ回数4904 短文英字90秒
問題文
ふりがな非表示
ふりがな表示
(border-color:red;)
border-color:red;
(border-color:blue navy;)
border-color:blue navy;
(border-color:pink tomato gray;)
border-color:pink tomato gray;
(border-color:purple black brown violet;)
border-color:purple black brown violet;
(border-style:none;)
border-style:none;
(border-style:hidden;)
border-style:hidden;
(border-style:groove;)
border-style:groove;
(border-style:ridge;)
border-style:ridge;
(border-style:inset;)
border-style:inset;
(border-style:outset;)
border-style:outset;
(border-style:solid double;)
border-style:solid double;
(border-style:hidden dotted dashed;)
border-style:hidden dotted dashed;
(border-style:solid double groove ridge;)
border-style:solid double groove ridge;
(border-width:1ex;)
border-width:1ex;
(border-width:5px 10px;)
border-width:5px 10px;
(border-width:thin medium thick;)
border-width:thin medium thick;
(border-width:5px 10px 15px 20px;)
border-width:5px 10px 15px 20px;
(border:inset 10px yellow;)
border:inset 10px yellow;
(border-top-color:green;)
border-top-color:green;
(border-top-style:double;)
border-top-style:double;
など
(border-top-width:7px;)
border-top-width:7px;
(border-top:dashed 3px pink;)
border-top:dashed 3px pink;
(border-bottom-color:plum;)
border-bottom-color:plum;
(border-bottom-style:double;)
border-bottom-style:double;
(border-bottom-width:9px;)
border-bottom-width:9px;
(border-bottom:dotted 8px magenta;)
border-bottom:dotted 8px magenta;
(border-left-color:royalblue;)
border-left-color:royalblue;
(border-left-style:groove;)
border-left-style:groove;
(border-left-width:thin;)
border-left-width:thin;
(border-right-color:aqua;)
border-right-color:aqua;
(border-left:solid 1ex gray;)
border-left:solid 1ex gray;
(border-right-style:dotted;)
border-right-style:dotted;
(border-right-width:thick;)
border-right-width:thick;
(border-right:solid 8px orange;)
border-right:solid 8px orange;
(border-radius:1rem;)
border-radius:1rem;
(border-radius:50%;)
border-radius:50%;
(border-radius:10px 20px 30px 40px/50px 60px 70px 80px;)
border-radius:10px 20px 30px 40px/50px 60px 70px 80px;
(border-top-left-radius:10px 20px;)
border-top-left-radius:10px 20px;
(border-top-right-radius:30% 40%;)
border-top-right-radius:30% 40%;
(border-bottom-left-radius:50px;)
border-bottom-left-radius:50px;
(border-bottom-right-radius:60% 30%;)
border-bottom-right-radius:60% 30%;
(border-image-source:url(border.png);)
border-image-source:url(border.png);
(border-image-slice:20%;)
border-image-slice:20%;
(border-image:url(border.png)15/10px round;)
border-image:url(border.png)15/10px round;
(border-image-slice:15;)
border-image-slice:15;
(border-image-width:10px;)
border-image-width:10px;
(border-image-width:2;)
border-image-width:2;
(border-image-width:5%;)
border-image-width:5%;
(border-image-width:auto;)
border-image-width:auto;
(border-image-slice:10 fill;)
border-image-slice:10 fill;
(border-image-repeat:repeat;)
border-image-repeat:repeat;
(border-image-repeat:round;)
border-image-repeat:round;
(border-image-repeat:stretch;)
border-image-repeat:stretch;
(border-image-repeat:space;)
border-image-repeat:space;