読者になる銀の弾丸プログラミングに関して、いろいろ書き残していければと思っております。Tumblrふと思いついてテキストに傍点をつけるためのスクリプトを作りましたので、ご紹介。(ソースはGitHubに置いてます)「傍点」は「圏点」ともいうらしいのですが初耳でした。この文書では以降「傍点」で通します。「傍点によるテキストの強調」は、CSS3のtext-emphasisスタイルで定義されていますが、ブラウザによって対応状況が大きく分かれているようなので、このスクリプトを作った次第。Safari、Chrome等、Webkit系の「傍点対応ブラウザ」では素直にそのままCSSで表現しますが、IEやFirefoxなどの未対応のブラウザでは「ルビ(RUBYタグ)」を利用して、なんとかしました。ウェブ上で傍点は、あまり使用することがありませんが、強調というよりも単語の区切りをはっきり示すために使いたい事があります。句読点を入れると、文章のリズムに違和感を感じるような場合などですね。ルビに未対応のブラウザでは、かなりおかしな表示になってしまいますが、傍点よりは対応状況が良いようです。2015年11月の時点で、IE、Firefoxの最新版は、全てRUBYに対応してます。Operaはプラグインで対応できると聞きましたが、使用していないので詳しく分かりません。25,808Amazon.co.jpで詳細を見る傍点のスタイルCSSのtext-emphasis-styleで指定するのと同じ表現が可能です。簡単な適用class='bauten-text-emphasis'となった要素に傍点をつけるのなら、bauten.jsを読み込むだけです。dot)付けられます。gist.github.com要素とスタイルを指定する傍点を適用する要素や、そのスタイルを指定するには、bauten.jsを読み込んだ後のSCRIPTで、bauten関数を呼び出します。引数は以下のキーを持つオブジェクトです。傍点を打つ要素のクラスを指定します。複数のクラス名をスペースで区切って指定できます。この場合は全てのクラス名を持つ要素が対象になります。傍点を打つ要素のタグ名を指定します。傍点のスタイルを指定します。傍点の色を指定します。classNameとtagNameのどちらかは指定されなくてはなりません。colorが省略されるとベースの文字色に従います。bauten関数を呼び出した場合、既定の動作は抑制されます。例:クラス名による指定gist.github.com例:タグ名による指定gist.github.com任意の文字を傍点にする任意の文字を傍点にできます。これもtext-emphasis-styleと同様の機能です。ーきみがいるだーけでにわにはにわのにわとりがいる。例gist.github.com傍点の色を指定する傍点には色を付けられます。これもtext-emphasis-colorと同等。scale)は、ジャズやブルースなどで使われる、メジャー・スケール(長音階)に、その第3音、第5音、第7音を半音下げた音を加えて用いるもの、もしくはマイナー・ペンタトニック・スケールに♭5の音を加えたものである。♭5の音をブルー・ノートと呼ぶ。近代対斜の一種でもある。Tumblr広告を非表示にする関連記事2019-05-21はてなブログをAsciiDocで書く方法はてなブログをAsciiDocで書けないものかとやってみたらなんと...2019-04-20AWSでランダムな画像を返すURLを作りました(Stravaのワークアウトのシェアのため)HTMLのIMG要素のSRC属性に設定しておけば、ランダムに画像を表...2018-09-10SVGでツールチップを表示するWEBページのSVGにツールチップを表示する方法を書いています。9参加グループプログラミングはてなブログをはじめよう!takamintsさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。