Blog

CSS – ::markerの位置をpadding調整する

flex-wrap:wrap;が折り返さないとき

親要素にdisplay:flex;を使うと子要素にはdisplay:block;が効かない

CSS – 親要素の高さに子要素の高さを合わせる方法

CSS – 空白部分を線で埋める

position: fixed;で重ならないように予め領域を作成しておくと楽

CSS – position: fixed;を親要素の幅に合わせる

heightを使うとmargin-bottomが効かなくなる

CSS – 背景のグラデーションをスクロールしても固定されるようにする

CSSで太字の波線を作る

CSS – 背景色にはlinear-gradientだけだと効かない

CSS – liの文字だけ色を変える

CSSでbody要素画面いっぱい設定する

ブロック要素とインライン要素を上下中央に合わせる

CSS – tableのborder線が一部太くなるのを防ぐ

CSS – アンダーラインを波線にする

CSS – tableにはmarginが効かないようです

CSS – liの位置を内側に調整する

CSS – 要素からはみ出させる

CSS – borderの位置を調整する

CSS – 文字の折り返しを強制に適用する

display: flex; – 下の余白を調整する

table : trタグのborder線が表示されない

CSS – ::before / ::afterで複数の要素を作る

CSS – <ol>list-style-type:bold;ではなく::markerを使う

object-fit:contain; – 余白部分をフィルターで埋める

CSS – object-fitが効かない場合

CSS – 画像の上に文字を重ねその上にリンクを重ねる

CSS – inputタグの青い枠について

CSS – borderの線を内側、外側にする方法

@media screenを使ってもスマホサイズが効かない場合