CSS 構文 ボーダー(色・形・太さ・画像)

背景
投稿者投稿者marineいいね0お気に入り登録1
プレイ回数396難易度(3.3) 1433打 英語 英字
CSSの暗記用です 境界線のスタイリング
border-color border-style border-width
border-radius border-image

関連タイピング

問題文

ふりがな非表示 ふりがな表示

(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;

問題文を全て表示 一部のみ表示 誤字・脱字等の報告

marineのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表 アプリケーションの使い方 よくある質問

人気ランキング

注目キーワード