html 個人練習用
曲タイトル
html list関連
html border関連
html link関連
関連タイピング
-
初級
プレイ回数8332長文526打 -
基礎的なHTML
プレイ回数2694英語54打 -
ブラウザで動くテトリスのコーディングです。
プレイ回数2630長文532打 -
プログラミングでよく使う記号や構文を練習したい人向け
プレイ回数9745長文956打 -
プレイ回数40英字169打 -
HTMLのタグを打とう!
プレイ回数604短文90秒 -
htmlの雛形覚え用
プレイ回数338英語長文258打 -
<span></span>打つだけです。
プレイ回数245英語13打
問題文
(ｐｏｓｉｔｉｏｎ： ａｂｓｏｌｕｔｅ； ｔｏｐ： ０； ｌｅｆｔ： ０；)
絶対位置への配置 基準位置左上の場合
(ｐｏｓｉｔｉｏｎ： ｆｉｘｅｄ；)
絶対位置への配置 スクロールされても位置が固定されて動かない
(ｏｖｅｒｆｌｏｗ： ｈｉｄｄｅｎ；)
はみ出た部分は表示されません。
(ｄｉｓｐｌａｙ： ｂｌｏｃｋ；)
ブロックボックスを生成（例：img要素のインライン→ブロックに変える）
(ｏｖｅｒｆｌｏｗ： ｓｃｒｏｌｌ；)
入りきらない内容はスクロールして見られるようになります。
(ｚ－ｉｎｄｅｘ： １)
z-indexの値が大きいものほど上に表示
(ｄｉｓｐｌａｙ： ｉｎｌｉｎｅ；)
インラインボックスを生成
(ｄｉｓｐｌａｙ： ｉｎｌｉｎｅ－ｂｌｏｃｋ；)
表示はインラインボックス 高さや横幅を指定できる
(ｖｅｒｔｉｃａｌ－ａｌｉｇｎ：ｔｏｐ ｍｉｄｄｌｅ ｂｏｔｔｏｍ ｔｅｘｔ－ｔｏｐ ｔｅｘｔ－ｂｏｔｔｏｍ；)
縦方向の揃え位置を指定（インライン要素とテーブルセルに適用）
(ｏｐａｃｉｔｙ： ０．５；)
透明度0.5
(－ｍｓ－ｆｉｌｔｅｒ： ”ａｌｐｈａ（ ｏｐａｃｉｔｙ＝１００ ）”；)
Internet Explorer 8 で透明度を使用する場合
(：ｂｆｏｒｅ ｛ｃｏｎｔｅｎｔ：””；｝)
要素の直前に内容を挿入（類似要素）
(：ａｆｔｅｒ ｛ｃｏｎｔｅｎｔ：””；｝)
要素の直後に内容を挿入（類似要素）
(ｔｅｘｔ－ｓｈａｄｏｗ： １ｐｘ １ｐｘ ３ｐｘ ＃０００；)
textのシャドウ 順番：縦方向のズレ 下方向のズレ ぼかし 影の色
(ｂｏｘ－ｓｈａｄｏｗ： １ｐｘ １ｐｘ ３ｐｘ ＃０００；)
boxのシャドウ 順番：縦方向のズレ 下方向のズレ ぼかし 影の色
(ｃａｐｔｉｏｎ)
テーブルのタイトル
(ｃａｐｔｉｏｎ－ｓｉｄｅ： ｂｏｔｔｏｍ)
テーブルのタイトルを下側につける
(ｃｏｌｓｐａｎ)
横のセルに連結
(ｒｏｗｓｐａｎ)
縦のセルに連結
(ｂｏｄｙ ｛－ｗｅｂｋｉｔ－ｔｅｘｔ－ｓｉｚｅ－ａｄｊｕｓｔ： １００％；｝)
PCからスマホに変更の際、フォトサイズの自動調整をオフ。noneは注意
(＜ｉｆｒａｍｅ ｓｒｃ＝”” ｗｉｄｔｈ＝”” ｈｅｉｇｈｔ＝””＞)
他のHTML文章を組み込み、そのページの一部に表示する
(ｗｈｉｔｅ－ｓｐａｃｅ： ｐｒｅ；)
改行やスペースを書いたとおりに表示
(ｂｏｘ－ｓｉｚｉｎｇ： ｂｏｒｄｅｒ－ｂｏｘ；)
パディングとボーダーを幅と高さに含める