タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

hrに関するaaaaaaのブックマーク (1)

  • CSS テキスト飾り罫(TexTsiTe)

    border等でやるのもいいけど、そろそろCSS擬似要素でハッチャケちゃってもいい時期だと思うので、実験を兼ねて色々なパターンのサンプルを作ってみる。フォントによってどうなるかわからんのである程度は「お遊び」程度のものと捕らえて欲しい。ポイントになるのは、 字詰め(letter-spacingのマイナスの値) 「white-space:pre」必須(特に全角の文字等を使う際) 元要素に「overflow:hidden」必須 字詰めをやっとかないとアスキーアートやメルマガなんかと変わらないものが多いので注意。 その他、このパターンも良いよてなものがあったらコメント欄にでもガンガン入れちゃってください。サンプルに追加します(気が向いたら)。尚、サンプルのスタイルは都合上contentの量を減らしています。あと、このページのみ、のけぞるようなソースをしているが借り物のシステム上、お察し下さい。

    aaaaaa
    aaaaaa 2008/12/14
  • 1