WEBデザイナーへの道/CSS

投稿者takaEプレイ回数37
難易度(3.7) 1231打 長文

問題文

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

(background-color: #f00;)

背景色の設定

(color: #666;)

文字色の設定

(font-size: 12px;)

文字の大きさ

(font-weight: bold;)

文字の太さ

(list-style: none;)

リストスタイル(無し)

(text-decoration: none;)

テキストの装飾(無し)

(line-height: 70px;)

行間の設定

(text-align: center;)

テキストの中央揃え

(text-indent: -9999px;)

テキスト非表示

(letter-spacing: 3px;)

文字の間隔

(list-style-image: url();)

リスト文頭のマーカー画像指定

(border: 3px solid #ff8;)

ボックス線

(margin-top: 25px;)

ボックスの上間隔

(margin-right: 40px;)

ボックスの右間隔

(margin-bottom: 80px;)

ボックスの下間隔

(margin-left: 30px;)

ボックスの左間隔

(padding-top: 5px;)

ボックスの上余白

(padding-right: 20px;)

ボックスの右余白

(padding-bottom: 15px;)

ボックスの下余白

(padding-left: 5px;)

ボックスの左余白

など

(margin: 0 auto;)

ボックスの中央揃え

(padding: 20px 15px;)

ボックスの余白

(border-top: 5px dashed #493;)

ボックスの上線

(border-left: 2px solid #50f;)

ボックスの左線

(border-bottom: 4px double #f00;)

ボックスの下線

(border-right: 1px dotted #840;)

ボックスの右線

(width: 800px;)

ボックスの幅

(height: 370px;)

ボックスの高さ

(float: right;)

右フロート

(clear: both;)

フロート解除

(display: block;)

ブロック要素への変更

(text-shadow: 3px 3px 5px #666;)

テキストの影

(box-shadow: 5px 5px 3px #888;)

ボックスの影

(transform: rotate();)

ボックスの角度変更

(transition: all 3s ease 1s;)

変化速度

(transform: translate();)

ボックス移動(右、下)

(transform: translatex();)

ボックス移動(右)

(transform: translatey();)

ボックス移動(下)

(transform: scale();)

ボックスの拡大・縮小(横の倍率、縦の倍率)

(transform: scalex();)

ボックスの拡大・縮小(横の倍率)

(transform: scaley();)

ボックスの拡大・縮小(縦の倍率)

(background: url() no-rpeat left center;)

背景設定

(background: url() repeat-x;)

背景設定

(background: url() repeat-y;)

背景設定

(background: url() no-repeat cover;)

背景設定

(background-color: #740;)

背景色

(color: #f3f3f3;)

文字色

(color: #d7d7ff;)

文字色

(text-decoration: through;)

テキスト装飾(打ち消し線)

(text-decoration: underline;)

テキスト装飾(下線)

(text-decoration: overline;)

テキスト装飾(上線)

(text-align: right;)

テキストの右揃え

(text-align: left;)

テキストの左揃え

(float: left;)

左フロート

(line-height: 25px;)

行間設定

(line-height: 300px;)

行間設定

(font-size: 30px;)

文字の大きさ

(font-size: 42px;)

文字の大きさ

(font-weight: normal;)

文字の太さ

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

◆コメントを投稿

※公序良俗に反するコメントや、他者を中傷するようなコメントはしないでください。

※このゲームにコメントするにはログインが必要です。