2020.06.04知ってると便利なHTMLやCSSの紹介コーナー。今回は、定型処理の手間がぐっと減る「CSS変数」の使い方です。前回の「幅付きspanで多段組み」は、異なるspan幅が必要になるたびCSSを書き換える必要がありました。そこで今回は「CSS変数」を導入します。CSS変数は、またの名を「CSSカスタムプロパティ」とも呼びます。詳細は次のサイトなどをご覧ください。–w」という変数でspanの幅を指定します。変数値の設定はHTML側のstyle属性でおこないます。その値はCSS側のvar()関数で読み出せます。幅100pxのspanです。span自体でもCSS変数が設定可。<br></p>実際に表示すると次のようになります。幅100pxのspanです。span自体でもCSS変数が設定可。CSS変数はそれを利用する本体(ここではspan)か、または外側の要素のどこかで設定します。今回の場合は外側の<p>タグで設定する例と、<span>タグ自体で設定する例を示しました。2023年内にはCSSで三角関数を主要なブラウザのすべてで使えるようになりそうです。CSSで使える三角関数は、sin()、cos()、tan()、asin()、acos()、atan()、atan2()です。幅付きspanで多段組み知ってると便利なHTMLやCSSの紹介コーナー。今回は幅指定付きのspanタグを利用した多段組みの書き方です。CSSで<span>タグに「float:left」属性を付け、さらにwi...技術情報PythonでWebページを読み出す(その2)以前作ったPythonスクリプトを改造し、WebページのURLを指定できるようにしてみました。興味のある方はごらんください。コードの使用・改造・流用は、ご自由にどうぞ。...技術情報IPアドレスを調べるPHPスクリプト「PHPスクリプトを書いてみよう」シリーズ、第1回です。自分のIPアドレスを調べるPHPスクリプトをご紹介。入れ子になった番号リスト知ってると便利なHTMLやCSSの紹介コーナー。「CSSカウンター」の機能を利用します。詳細は次のサイトなどをご覧ください。知ってると便利なHTMLやCSSの紹介コーナー。HTMLの<OL>タグにreversed属性を追加します。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントトップサイドバータイトルとURLをコピーしました。