CSS 構文 ボーダー(色･形･太さ･画像)
CSSの暗記用です 境界線のスタイリング
border-color border-style border-width
border-radius border-image
border-radius border-image
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | mh | 3233 | すごいね！ | 3.2 | 98.2% | 435.5 | 1433 | 25 | 54 | 2026/01/24 |
関連タイピング
-
JavaScript 暗記用です
プレイ回数1309 英語長文1345打 -
プログラミングで良く使う英単語、構文のタイピングです！
プレイ回数3724 短文英字429打 -
プログラミング用のタイピング練習
プレイ回数5399 英語長文300秒 -
プログラミングタイピング
プレイ回数1148 英字60秒 -
JavaScript 暗記用です
プレイ回数1941 英語長文770打 -
JavaScript 暗記用です
プレイ回数2197 英語長文2218打 -
JavaScript 暗記用です
プレイ回数1546 英語長文851打 -
全文字タイピング練習(108文字×100問,2分間ランダム)
プレイ回数4457 英語長文120秒
問題文
ふりがな非表示
ふりがな表示
(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;