CSS

2023年08月21日

textareaのリサイズ指定

縦方向のリサイズを許可（最も使用する）[css title="CSS"]textarea･･･

お気に入りに追加

2023年07月16日

擬似要素を使った斜めの区切り

上側[css title="CSS"]section { position: relat･･･

お気に入りに追加

2023年07月04日

文字の横に線（ライン）を引く方法2

文字に右側だけに短いラインただし、画面が狭くなるとflexboxが影響して崩れるので、折り返さな･･･

お気に入りに追加

2023年06月06日

文字の横に線（ライン）を引く方法1

線は画面いっぱい引かれます。[html title="HTML"]<p>タイトル･･･

お気に入りに追加

2022年10月21日

Safari で border-radius の overflow hidden が効かない場合の対処法

figure に position と z-index を追加する。[html title=･･･

お気に入りに追加

2022年03月08日

Google mapとかYouTubeとかレスポンシブでも縦横の比率を保つ

Googleマップ[html title="HTML"]<section id=&･･･

お気に入りに追加

2021年11月24日

リストの先頭を揃えたまま左右中央寄せ

[html title="HTML"]<section class="sampl･･･

お気に入りに追加

2021年10月19日

個人的paddingの共通設定

左右にpaddingを加える共通設定最大幅1940pxとして左右にメディアクエリーごとのpadd･･･

お気に入りに追加

2021年09月03日

counterを利用して自動で番号を付与

[css title="CSS"]section { counter-reset: numb･･･

お気に入りに追加

2021年07月16日

ボックスデザイン

枠の途中にタイトルあり[html title="HTML"]<section>･･･

お気に入りに追加