はじめてのCSS INDEX

最終更新日:2018年06月09日  (初回投稿日:2010年08月31日)
はじめてのHTML INDEX へはじめてのHTMLからCSS関連の記事をピックアップ

はじめてのCSS

しっかり押さえておきたい、インライン・ブロックレベル・ボックス構造

フォントのためのCSS

インラインレベル要素とテーブルセルの整列のためのCSS

テキストのためのCSS

  • 【33】テキストの整列や両端揃えを指定する text-alignプロパティ
  • 【34】単語の途中で改行するか決める overflow-wrap(word-wrap)
  • 【35】改行の禁則処理を解除するか決める word-breakプロパティ
  • 【36】単語の途中で改行するとき自動でハイフンを付ける hyphens
  • 【37】空白を詰めるかどうか決める white-spaceプロパティ
  • 【38】句読点などが行頭に来るかどうか決める line-break
  • 【39】インデント(字下げ)を指定する text-indentプロパティ
  • 【40】単語間の間隔を指定する word-spacingプロパティ
  • 【41】文字間の間隔を指定する letter-spacingプロパティ
  • 【42】句読点をボックスの外に出せる hanging-punctuation
  • 【43】テキストを大文字・小文字に変換する text-transform
  • 【44】タブ文字の幅を決める tab-sizeプロパティ

ライティングモード

  • 【45-1】日本語の縦書きもできちゃう writing-modeプロパティ
  • 【45-2】縦書きでの文字の向きを決める text-orientation
  • 【45-3】縦書きで「縦中横」ができる text-combine-upright
  • 【46】テキストの方向性を操作する unicode-bidi と direction

テキスト デコレーション

  • 【47-1】テキストのライン装飾の位置を決める text-decoration-line
  • 【47-2】テキストのライン装飾の色を決める text-decoration-color
  • 【47-3】テキストのライン装飾を波線にもできる text-decoration-style
  • 【47-4】テキストのライン装飾のショートハンド text-decoration
  • 【48】アンダーラインの位置を決める text-underline-position
  • 【49】ライン装飾をしない対象を決める text-decoration-skip
  • 【50-1】テキストの強調マークの種類を決める text-emphasis-style
  • 【50-2】テキストの強調マークの色を決める text-emphasis-color
  • 【50-3】テキストの強調マークのショートハンド text-emphasis
  • 【51】テキストの強調マークの位置を決める text-emphasis-position

ユーザーインターフェイス(UI)のためのCSS

  • 【52】カーソルの表示をいろいろ変えられる cursorプロパティ
  • 【53】キャレットの色を変えられる caret-colorプロパティ
  • (ちょっとメモ)テキスト選択時のハイライトを変える ::selection
  • 【54】テキストが はみ出る場合に「...」を付ける text-overflow
  • 【55】ユーザーが要素のサイズを変えられる resizeプロパティ
  • 【56】ユーザーのテキスト選択などを制御する user-selectプロパティ
「はじめてのCSS NIDEX」は順次更新していきます。

「はじめてのHTML」からピックアップ

「はじめてのHTML」でも CSS について、いろいろメモっています。
基本的な使いどころや、リスト、テーブル、フォームをCSSで整えたり、CSS3 の新しいプロパティでグラデーションを作ったり、ボックスを角丸にしたり。どうぞご参考に。

HTML要素ではできないレイアウトのための指定はCSSでします。

サイトの背景にCSSで色や画像をつけます

リストのビジュアルをCSSで整えたり、リスト要素でナビゲーションを作ります

テーブル(表組)のビジュアルをCSSで整えます

CSS の新プロパティでレイアウト

テキストに関連するCSS

<hr>や<figure><figcaption>をCSSで整えます

HTMLの「メタデータ・コンテンツ」でCSSに関連するモノ

フォームをCSSで整えます

関連記事
この記事をはてなブックマークに追加

やる気を保つためにランキングに参加しています。
応援してくださると すっごいやる気を出します! (笑)

初心者にも使いやすい(と思う)レンタルサーバー

「レンタルサーバーはどこがいい?」とご質問をよくいただきますが、自分でも使っていてオススメなのは スターサーバー (ミニバードがスターサーバになりました)。管理画面がわかりやすくていい感じす。
仕事で使ってるロリポップ!もわかりやすい管理画面で、初めてでもすんなり使えます。
両方とも、なんといっても料金が安いです。

ちょっと料金は高いけど、高スペックでコスパが良く、信頼性も高いサーバといえば、やはりさくらのレンタルサーバと、エックスサーバー 。この2つは老舗でユーザーも多いので、質問する場がたくさんあり、初心者の方でもイケるだろうと思います。

スポンサーリンク

スポンサーリンク
最新記事
Category
オススメの本
Links
Calendar
05 | 2018/06 | 07
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Archive
RSS Link
Profile

yuki★hata

Author : yuki★hata
せめて月1回の更新をめざします~。

メールフォームはこちら

スポンサーリンク
スポンサーリンク
Copyright © ほんっとにはじめてのHTML5とCSS3 All Rights Reserved.