span で部分的なスタイルの設定

css

自作アプリにタグクラウドを実装したときに、タグクラウドのフォントサイズを指定する良い案が思いつかず「とりあえずインラインで」ってことにして実装した際に参考にしたエントリ。

HTMLにというタグがあります。このタグは、 部分的に指定するのに便利なタグです。同じ行内で文字を大きくしたり、色を変えたりできます。 このタグにスタイルシートを組み込めば、表現が拡大できます。
スパンとの組み合わせ

上記をふまえ JSP で実装してみたコードはこんな感じ。

<c:forEach var="tag" items="${tagCloud}">
  <span style="font-size: ${tag.fontSize}px;">
    <a href="${f:url('/tag/')}${tag.id}?taskId=${id}"><c:out value="${tag.name}"/></a>
  </span>
</c:forEach>