ruby-on-rails - Ruby on Rails でイメージタグのスタイルを設定する方法

Question

次のようなイメージタグがあります。

    <%= image_tag @user.photo.url(:large) %>

CSSでその画像の片側に境界線の色をスタイルするにはどうすればよいですか? それはどのようなhtmlを生成しますか?

score 82 · Accepted Answer

by using "style" option:

<%= image_tag @user.photo.url(:large), :style => "border: 1px solid red" %>

for further info, please check the API.

score 55 · Accepted Answer

Add a class or id to your image_tag:

<%= image_tag @user.photo.url(:large), :class => "style_image" %>

Then use css to style it:

.style_image {
  border-right: 1px solid #000;
}

score 13 · Accepted Answer

インラインスタイルも指定できます

<%= image_tag @user.photo.url(:large), :style => "float :left;border 1px solid #00000;" %>

それを試してみてください.....

score 6 · Accepted Answer

これは簡単な方法です。

<%= image_tag("example.png", :style => 'border-right: 1px solid #000;')%>

score 2 · Accepted Answer

Googleでこれに出くわした他の人のために。イメージタグを別の方法で使用する場合でも、それに css クラスを追加できますが、構文が異なるだけです。場合によっては、外部サーバーを使用する必要があります。(Heroku へのデプロイ? => Amazon s3)

<%= image_tag("https://s3-us-west-2.amazonaws.com/mybucketname/user_photo.png", class: "style_image") %>

6 に答える 6