タグ「CSS」が付けられているもの

動的にCSSを追加 append_css.js - 研究室

なんか探せばどこかにありそうなツールですが、仕事用に作ったものを一般公開してみます。

WebページにCSSを追加するJavaScriptです。
ポイントは、外部CSSファイルではなく、要素への直接適用でもなく、CSSをテキストで指定する、という点。

使用例

appendCSS(
    ".debug { display:block !important; }" +
    "#dest1 { color: #ef0000; font-weight: bold; }"
);

デモページ

http://www.antimon2.atnifty.com/works/append_css/
(リロードするたびに表示が変わります)

<blockquote>要素で横スクロールバーを出す方法 - 研究室

HTMLの<blockquote>は、引用文を表示するためのブロック要素です。
文献の文章を引用することにも使いますし、HTMLやCSS、JavaScript等のソースを引用する目的にも使用できます。
当サイトでも、両方の目的で(さらに言えば後者の『出力結果』の表示目的でも)使用しています。

このうち「ソースを引用」する場合、<blockquote>タグそのままだと、長い行が途中で折り返してしまい、整形した行の表示が崩れてしまうことがあります。
そこで、「一行を折り返さずに表示し、長い行が存在する場合に横スクロールバーが出るようにする」スタイルシートの指定を紹介します。

ブログ

研究室
書斎

タグクラウド

最近のブログ記事

Ruby東海第15回勉強会
研究室ブログ上
【覚書】[Ruby]続・トップレベルに定義したメソッドと同名のメソッドをクラスで定義した場合
研究室ブログ上
第39回FLOSS桜山勉強会
研究室ブログ上