CSS関数

2022/11/14 / CSS関数

scssで変数

.col1fr {width:84px} .col2fr {width:168px} .col3fr {width:252px} .... 100まで記載したくない... そんな時、scssで変数を使う $i: 84px; ...

続きを読む

2022/11/03 / CSS関数

divの中で中央揃え

<div class=container3> <p>この段落… </div> div { height: 10em; position: relative; } p { position: a...

続きを読む

2022/11/03 / CSS関数

divなど枠のアスペクト比を保つレスポンシブcss

<div id="fr"> <div id="fr-in">文章</div> </div> #fr { position: relative; width: 100%; } #fr:b...

続きを読む

2022/11/03 / CSS関数

表示領域(高さ)のアスペクト比を保つレスポンシブcss

例1 <div> <p>文章</p> </div> div { table-layout: fixed; background-color: #74992e; width: 10...

続きを読む