CSS 構文 ボーダー(色・形・太さ・画像)
border-radius border-image
関連タイピング
-
プレイ回数4665英語長文120秒
-
プレイ回数602長文30秒
-
プレイ回数1239英語長文407打
-
プレイ回数1107長文299打
-
プレイ回数2309英字610打
-
プレイ回数17長文805打
-
プレイ回数656英語長文220打
-
プレイ回数1615長文60秒
問題文
(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;