stylesheet_link_tag

外部スタイルシートを指定するリンクタグを生成(stylesheet_link_tag)

適応バージョン

  • 1.0.0
  • 1.1.0
  • 1.1.1
  • 1.1.6
  • 1.2.0
  • 1.2.6
  • 2.0.0
  • 2.0.1
  • 2.0.3
  • 2.1.0
  • 2.2.1
  • 2.3.2
  • 2.3.8
  • 3.0.0
  • 3.0.5
  • 3.0.7
  • 3.0.9
  • 3.1.0
  • 3.2.3
  • 3.2.8
  • 3.2.13
  • 4.0.0
  • 4.1.0
  • 4.2.1

説明

外部スタイルシートを指定するリンクタグを生成

使い方

stylesheet_link_tag(スタイルシートへのパス [, HTMLオプション])

HTMLオプション

オプション説明デフォルト
:href関連ファイルの場所app/assets/stylesheets/スタイルシートへのパス.css
:hreflang関連ファイルの言語コードを指定
:type関連ファイルのMIMEタイプを指定text/css
:media関連ファイルの出力メディアのリンクタイプscreen
:relこの文章から見た、href属性で指定するリンク先の役割stylesheet
:revhref属性で指定するリンク先から見た、この文章の役割
:charset関連ファイルの文字コード
:target関連ファイルを表示するウインドウ名
:id要素固有の識別子
:class要素を分類するクラス名
:title要素の補足情報
:style要素の補足情報
:dir表記方向
:lang基本言語

外部スタイルシートを指定するリンクタグを生成
<%= stylesheet_link_tag "style" %>
# <link href="/stylesheets/style.css" media="screen" rel="stylesheet" type="text/css" />
拡張子を付けて指定
<%= stylesheet_link_tag "style.css" %>
# <link href="/stylesheets/style.css" media="screen" rel="stylesheet" type="text/css" />
外部サイトのCSSを指定
<%= stylesheet_link_tag "http://www.example.com/style.css" %>
# <link href="http://www.example.com/style.css" media="screen" rel="stylesheet" type="text/css" />
mediaオプションをallで指定
<%= stylesheet_link_tag "style", :media => "all" %>
# <link href="/stylesheets/style.css" media="all" rel="stylesheet" type="text/css" />
複数指定
<%= stylesheet_link_tag "style1", "style2" %>
# <link href="/stylesheets/style1.css" media="screen" rel="stylesheet" type="text/css" />
# <link href="/stylesheets/style2.css" media="screen" rel="stylesheet" type="text/css" />
関連ファイルの言語コードを指定
<%= stylesheet_link_tag "style", :hreflang => :ja %>
# <link href="/stylesheets/style.css" hreflang="ja" media="screen" rel="stylesheet" type="text/css" />

ソースコード

ソースコード検索