HTML/CSSだけで縦書きの入力フォームをつくる | Black Everyday Company
和風サイトを開発しようと思い立ち、「もちろん“和風”なんだから縦書きでしょ！」と安易な気持ちで始めたのだが、かなり苦労したのでここにまとめておく。 heading（h1タグやh2タグ）やparagraph（pタグ）などの通常のテキストは、writing-modeプロパティにvertical-rlを指定するたけで簡単に縦書きにできる。 しかし、入力フォーム（inputやtextarea、select、button）はwriting-modeプロパティの指定だけでは縦書きにできなかった。 そこで、HTMLとCSSだけで縦書きの入力フォームをつくる方法をまとめる。（かなり脳筋なやり方だけど） writing-mode とは まずは縦書きにするもっとも簡単な方法であるwriting-modeプロパティについて。 writing-mode プロパティは、テキストの行のレイアウトを水平または垂直に、ブ
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TableとCSSいろいろ - DesignWalker
