2025年10月28日(火)
これは知っておくと便利なテクニック! CSSだけでスクリーンの幅と高さ、さらには要素の幅と高さの値を取得する方法
JavaScriptは使用せずに、シンプルなCSSだけでスクリーンの幅と高さ、さらには任意の要素の幅と高さの値を取得する方法を紹介します。
取得する値は単位のない値なので、CSSのあらゆる数式で再利用できます。
![]()
まずはスクリーンの幅と高さの値を取得するデモページをご覧ください。
author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
‹ PREV学校法人21世紀アカデメイア様の、名古屋ホスピタリティ・アカデミー、鉄道サービス学科のLP制作を担当いたしました。
NEXT ›![]()
高速で安全、大きめファイルも転送できるオープンソースのP2Pファイル転送アプリ・「DropSilk」
関連記事
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『これは知っておくと便利なテクニック! CSSだけでスクリーンの幅と高さ、さらには要素の幅と高さの値を取得する方法』についてまとめています。
この記事は特にjavascript・SEO・twitter・Firefoxについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。











