css– category –

游明朝・・有井 理明　紫藤 美良　RiZelion Noto s・・有井 理明　紫藤 美良　RiZelion 源明朝・・有井 理明　紫藤 美良　RiZelion

RiZelion ルミラリア VWはブラウザ幅に対する一文字の割合（10%なら一文字がブラウザ幅の10%）となる。コンテンツ幅が基準ではないので文字が大きくコンテンツ幅を超えるようなら改行される。ただし、スマホ表示ではブラウザ幅がコンテンツ幅なので改行は...

説明リストの線を消す その1 おおお その2 もののお その3 ふきるつととん 解説：dtタグの::after要素のbackgroundプロパティで色を付けているので、色を透明に設定する。そのままでは全dtに適応されてしまうので、変更したいdtに追加SCCクラスをつける。 ...

カラムの中の縦並び要素で最後の要素を下ぞろえにする。Flexボックス カラムの中の要素をグループで囲まないやり方 解説：追加CSSで、各列のカラムを縦積みのFlexボックス化する。さらに追加CSSで、各カラムの最後の要素に、margin-top: auto;をつける。 ...

リッチカラムの中の縦並び要素で最後の要素を下ぞろえにする。Flexボックス リッチカラムの中の要素をグループで囲まないやり方 解説：追加CSSで、各列のカラムを縦積みのFlexボックス化する。さらに追加CSSで、各カラムの最後の要素に、margin-top: auto;...

疑似クラス :active　クリックされたときに実行   家長：アルパカめんま   0123-45-6789　FAX 9876-54-3210 :hover　マウスオーバーしたときに実行   家長：アルパカめんま   0123-45-6789　FAX 9876-54-3210 疑似要素 ::before　要素の直前に実行　　::af...

vwでフォントサイズを指定（ブラウザ幅に対してフォントサイズが可変） おおから 例、文字サイズ（一文字分）は、ブラウザ幅の9%のpxサイズで可変する。 vw =（基準となる文字サイズpx）÷（基準となるブラウザ幅px）× 100例：ブラウザ幅900pxの時に30pxで...

flexボックス（枠線がflexボックス）は通常、左からのHTML要素順の横並びになるが、 一番目の要素 二番目の要素 flaxボックスに flex-direction: row-reverse; をつけると要素の横並びが右からの逆順になる。 一番目の要素 二番目の要素 左からの逆順の横...

Amazonにおいて、プライベートブランド「Amazonベーシック」に属した液晶モニター「‎C27M2020JP」(27型)および「‎C24M2020DJP」(23.8型)が発売された。価格はそれぞれ1万8,616円と1万4,861円。 　いずれも100Hz表示に対応。主な仕様はほぼ共通で、解像度が...

%・・親要素に対する割合　　　例：div 50%中央ぞろえ vw、vh・・ブラウザの横幅や高さに対する割合　　　　　100vw、100vh = ブラウザ幅px、高さpx　　1vw、vh = ブラウザ幅や高さの1%px　　　　例：div 50vw中央ぞろえ