CSS テキスト飾り罫（TexTsiTe）
border等でやるのもいいけど、そろそろＣＳＳ擬似要素でハッチャケちゃってもいい時期だと思うので、実験を兼ねて色々なパターンのサンプルを作ってみる。フォントによってどうなるかわからんのである程度は「お遊び」程度のものと捕らえて欲しい。ポイントになるのは、 字詰め（letter-spacingのマイナスの値） 「white-space:pre」必須（特に全角の文字等を使う際） 元要素に「overflow:hidden」必須 字詰めをやっとかないとアスキーアートやメルマガなんかと変わらないものが多いので注意。 その他、このパターンも良いよてなものがあったらコメント欄にでもガンガン入れちゃってください。サンプルに追加します（気が向いたら）。尚、サンプルのスタイルは都合上contentの量を減らしています。あと、このページのみ、のけぞるようなソースをしているが借り物のシステム上、お察し下さい。
Artistic & Creative Art Wallpapers for Android & iPhone
Owner Please provide full name, company name, address and other information of the material owner Copyrighted Work Please provide description of the copyrighted work that you claim has been infringed, including the URL (i.e., web page address) of the location where the copyrighted work exists or a copy of the copyrighted work. Unauthorized Content By checking this box, I confirm I have a good fait
縦書きHTMLに関するメモ - 血統の森+はてな
http://momdo.s35.xrea.com/web-html-test/vertical-text/index.htmlにまとめてみました。（2009-01-21追記） id:momdo:20060318、id:momdo:20060320:p2あたりの補完。 writing-modeについて Internet Explorer 5.5 における縦書きレイアウトの使用 IE5.5からCSS3の草案*1を先行実装して、IEでのみCSSを用いての縦書きが実現できるわけですが、少し調べて見たところ、XML用のスタイルシートであるXSL1.1にwritng-modeがちゃんと実装されている（http://www.w3.org/TR/xsl/#writing-mode）んですねえ。 昔作った、言語じゃないほうのrubyとか使いつつ、般若心経をwriting-modeで表示させて見たもの。 w
日本語スタイルシート技術（スタイルシート作業部会 報告）
■作業部会発足の経緯 電子的なテキストデータを組版・整形して閲覧・印刷する技術は、Webブラウザ・CSS・XSLなどによって格段の進歩を遂げた。 しかし、日本語や縦組に関しては機能不足な面も少なくない。また、中国・台湾・韓国など東アジア圏でも、日本と同様な縦組についての要求が存在する。 スタイルシート技術を充実させることにより、デジタルメディア環境において高度な日本語組版を反映したデジタルドキュメントの表示・閲覧やプリント出力を容易に実現することが可能となる。 JAGATでは、関連業界のエキスパートと検討をおこない、2006年4月に「縦組スタイルシート作業部会」を発足した。 ■作業部会の目標 デジタルドキュメントの表示・閲覧やプリント出力に使用するスタイルシート技術において、日本語組版に必要な指定項目と指定方法を検討する。 さらに、現在のスタイルシート仕様で不足する機能を要求仕様としてまと
PDF 千夜一夜: 2007年03月26日 アーカイブ
日本語組版はグリッドベースで行うと言って良いのか？(8) CSSのページに、W3Cのリチャードイシダ氏が書いた、「Tutorial: CSS3 and International Text」という記事があるのを見つけました。 Tutorial: CSS3 and International Text この文書は、前書きに「CSSの非ラテン・テキストのサポートに関し、将来どうなるかについて概略を知りたいと考えているXHTML/HTMLとCSSによるコンテンツ作者向け」とされています。このチュートリアルは、CSS3のドラフトを元にした解説を意図していると思われるのですが、この中に、ドキュメント・グリッドという項があります。簡単に紹介してみましょう。 東アジアの言語で書かれる文書では、グリフをページの上に配置するときグリッドのパターンにレイアウトするのが一般的である。これは、漢字、かな、ハングル
CSSを使ったテキストをデザインとして魅せるテクニック集:phpspot開発日誌
Mandarin Design: Text Tricks CSSを使ったテキストを魅せるテクニック集が色々公開されていました。 例えば、次のような見出しの１文字を修飾するテクニック 次のようなCSSで実現可能のようです。 <!-- the drop cap --> <span style="margin-right:6px;margin-top:5px;float:left;color:white;background:khaki;border:1px solid darkkhaki;font-size:80px;line-height:60px;padding-top:2px;padding-right:5px;font-family:times;">T</span>his is a drop cap with a black background, white text, and a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
