html 個人練習用
曲タイトル
html list関連
html border関連
html link関連
関連タイピング
-
htmlのタグを入力
プレイ回数13300秒 -
自作のハンバーガーメニューを作成しましょう！
プレイ回数3343英語長文721打 -
htmlの雛形覚え用
プレイ回数605英語長文258打 -
CSSでよく使うプロパティのタイピング
プレイ回数350英語長文584打 -
2022.12.14：プロパティを削除･追加。
プレイ回数2987英語90秒 -
タイピングのついでにHTML5の練習もしちゃいましょう。
プレイ回数5330長文311打 -
HTML5タグの使い方をタイピング練習のついでに覚えましょう
プレイ回数4720長文424打 -
プレイ回数130760秒
問題文
(ｐｏｓｉｔｉｏｎ： ａｂｓｏｌｕｔｅ； ｔｏｐ： ０； ｌｅｆｔ： ０；)
絶対位置への配置 基準位置左上の場合
(ｐｏｓｉｔｉｏｎ： ｆｉｘｅｄ；)
絶対位置への配置 スクロールされても位置が固定されて動かない
(ｏｖｅｒｆｌｏｗ： ｈｉｄｄｅｎ；)
はみ出た部分は表示されません。
(ｄｉｓｐｌａｙ： ｂｌｏｃｋ；)
ブロックボックスを生成（例：img要素のインライン→ブロックに変える）
(ｏｖｅｒｆｌｏｗ： ｓｃｒｏｌｌ；)
入りきらない内容はスクロールして見られるようになります。
(ｚ－ｉｎｄｅｘ： １)
z-indexの値が大きいものほど上に表示
(ｄｉｓｐｌａｙ： ｉｎｌｉｎｅ；)
インラインボックスを生成
(ｄｉｓｐｌａｙ： ｉｎｌｉｎｅ－ｂｌｏｃｋ；)
表示はインラインボックス 高さや横幅を指定できる
(ｖｅｒｔｉｃａｌ－ａｌｉｇｎ：ｔｏｐ ｍｉｄｄｌｅ ｂｏｔｔｏｍ ｔｅｘｔ－ｔｏｐ ｔｅｘｔ－ｂｏｔｔｏｍ；)
縦方向の揃え位置を指定（インライン要素とテーブルセルに適用）
(ｏｐａｃｉｔｙ： ０．５；)
透明度0.5
(－ｍｓ－ｆｉｌｔｅｒ： ”ａｌｐｈａ（ ｏｐａｃｉｔｙ＝１００ ）”；)
Internet Explorer 8 で透明度を使用する場合
(：ｂｆｏｒｅ ｛ｃｏｎｔｅｎｔ：””；｝)
要素の直前に内容を挿入（類似要素）
(：ａｆｔｅｒ ｛ｃｏｎｔｅｎｔ：””；｝)
要素の直後に内容を挿入（類似要素）
(ｔｅｘｔ－ｓｈａｄｏｗ： １ｐｘ １ｐｘ ３ｐｘ ＃０００；)
textのシャドウ 順番：縦方向のズレ 下方向のズレ ぼかし 影の色
(ｂｏｘ－ｓｈａｄｏｗ： １ｐｘ １ｐｘ ３ｐｘ ＃０００；)
boxのシャドウ 順番：縦方向のズレ 下方向のズレ ぼかし 影の色
(ｃａｐｔｉｏｎ)
テーブルのタイトル
(ｃａｐｔｉｏｎ－ｓｉｄｅ： ｂｏｔｔｏｍ)
テーブルのタイトルを下側につける
(ｃｏｌｓｐａｎ)
横のセルに連結
(ｒｏｗｓｐａｎ)
縦のセルに連結
(ｂｏｄｙ ｛－ｗｅｂｋｉｔ－ｔｅｘｔ－ｓｉｚｅ－ａｄｊｕｓｔ： １００％；｝)
PCからスマホに変更の際、フォトサイズの自動調整をオフ。noneは注意
(＜ｉｆｒａｍｅ ｓｒｃ＝”” ｗｉｄｔｈ＝”” ｈｅｉｇｈｔ＝””＞)
他のHTML文章を組み込み、そのページの一部に表示する
(ｗｈｉｔｅ－ｓｐａｃｅ： ｐｒｅ；)
改行やスペースを書いたとおりに表示
(ｂｏｘ－ｓｉｚｉｎｇ： ｂｏｒｄｅｒ－ｂｏｘ；)
パディングとボーダーを幅と高さに含める