学びBAR
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
    • セマンティックHTMLとは?
    • HTML特殊文字コード表
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ
HOME / WEB関連知識のスキルアップ / HTMLクイック・リファレンス / CSSの基本 /  CSSでのURL(URI)の指定

★CSSの基本

| CSSでのURL(URI)の指定

⬛︎ url()関数で指定する

CSSでURI(Uniform Resource Identifier)を指定する場合は、url()関数を使用します。 指定するファイルへのパスは、ダブルクォーテーション( " )、 または、シングルクォーテーション( ' )の引用符で囲みますが、引用符を省略することもできます。

例:URL(URI)を指定する(どの書式も意味は同じ)

url("bg.gif");
url('bg.gif');
url(bg.gif);

⬛︎ 絶対パスと相対パス

URIは絶対パスでも相対パスでも指定できます。 相対パスでURIを指定する場合には、HTML文書からのパスではなく、CSSファイルからのパスを指定します。
絶対パスとはhttp://~ で始まる形式です。

例:絶対パスによる記述

url("https://www.htmq.com/images/bg.gif");
また、相対パスとは、現在のファイルとの位置関係からリンク先ファイルを指定する形式です。 インターネット上に公開されているファイルのフォルダ階層は、スラッシュ( / )で区切ります。

例:相対パスによる記述

url("bg.gif");

上のフォルダ階層にあるファイル

url("../bg.gif");

下のフォルダ階層にあるファイル

​url("images/bg.gif");

記事一覧へ
HOME                      ABOUT                      SERVICES                      UPDATES                     CONTACT
画像
1996-2024(c)Cre'ps design lab.  All rights reserved.
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
    • セマンティックHTMLとは?
    • HTML特殊文字コード表
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ