css CSS:text-decorationでできること
text-decorationプロパティは以下のプロパティを一括指定するショートハンドです。text-decoration-line（線の位置） text-decoration-style（線の形） text-decoration-color（線の色） text-decoration-thickness（線の厚み）
css
css 
css サイトをダークモードに対応させる
長引く自粛につれてディスプレイを眺めている時間が増え、ダークモードを利用する人が急に増えたような気がします。 身近になったダークモードですが、ブラウザやOSが自...
css 疑似クラス nth-child の使い方いろいろ
今回は、「兄弟関係にある」 n番目の要素を指定するセレクター「nth-child」のお話です。 初見でかるい気持ちで使用すると、css指定が効かなかったり、全然...
css cssで作るイメージギャラリー
htmlとcssしか自由に編集できない環境でLightBox風のイメージギャラリーを作りたい。となったとき、これまでは :target疑似クラスを使用していたの...
css iPhoneでaタグが動作しない不具合が予想外の方法で直った話
何かと独特な不具合が出がちなiOS。 今回、サイト製作中に起きたのが、「ナビゲーションメニューのリンクが全く反応しない（ただしiPhoneに限る)」というもので...
css SVGを使わずにcssで区切り線を作ってみる
CSSでセクションを区切ってみる １カラム型のページが増えて、増えてというか主流になってきて、各セクションをSVGで区切るサイトをしょっちゅう見かけるようになり...
css ARIA属性をCSSスタイリングに利用する
昨年あたりからARIA属性を利用してCSSをスタイリングするようになったので、その有用性を書き残しておきます。 WAI-ARIAとアクセシビリティ まず簡単にW...
css mix-blend-modeプロパティ
CSS mix-blend-mode 個人的にはあまり使うことのないプロパティですが、知っていて損はないmix-blend-modeプロパティについてまとめてお...
css z-indexに頼らない。HTML要素の重なり方を再確認する
要素の重なり方を再確認 cssの記事アクセス数を眺めているとstickyやz-indexなどの重なり系トラブルに関する記事が多いので、その辺りに関する基本をまと...
css floatの存在意義を考える
暇つぶしのような記事ですので暇なときに読んでいただくことを推奨します。得られるものはほとんどありません。 古いサイトの改修をしていた関係で、float: lef...
css position: absolute で位置を指定しない場合
要素の配置情報を指定するpositionプロパティに「absolute」があります。 通常の使い方では、absoluteを指定された要素は「position: ...
css svgの図形描写-2 装飾に使うCSS
「SVG 基本の図形描画」で少しふれましたが、縁取り、塗りつぶしなどSVGでは装飾に関する値を設定できます。 メンテナンスや他の要素との兼ね合いを考えると、装飾...