CSS 【CSS】要素からはみ出したテキストを処理する方法【overflow】
こんにちは朱夏です。
今回は、指定した要素内にテキストが収まらずにはみ出してしまった場合の対処方法を調べてみました。
テキストがはみ出したときは、「overflow」を使います。
「overflow」は、はみ出したテキストをど...
CSS
CSS 
CSS 【CSS】テキストをインデントする方法
こんにちは朱夏です。
今回は、CSSでテキストのインデントをする方法を調べてみました。
ココを見に来た方なら解ってるとは思いますが、インデントとは「字下げ」の事です。
字下げをすると、テキストの行の書き始めが一段右にずれます。
...
CSS 【CSS】rotateの回転方向を確認したい
こんにちは朱夏です。
今回は、要素を回転させるCSSのrotateについて調べてみました。
rotateにはいくつか種類があり、それぞれに回転軸が違っています。
それぞれがどんな回転をするのかを確認してみました。
それではい...
CSS 【CSS】directionで文章を右から左へ書く方法
こんにちは朱夏です。
今回は、CSSで文字を右から左へ表示させる方法です。
通常、HTMLで書かれたテキストをブラウザで表示させると、左から右へ文章が表示されます。
しかし、古い日本語やアラビア語などの様に、右から左へ書く文章も存...
CSS 【HTML】rubyでテキストにルビを振る方法
こんにちは朱夏です。
今回は、HTMLのrubyを使ってテキストにルビを付ける方法を解説したいと思います。
朱夏
テキストにルビを振るにはどうしたらいいんだろう？
ルビとはこんな感じで振り仮名...
CSS 【CSS】アニメーションを作成する手順を解りやすく解説します【初心者向け】
こんにちは朱夏です。
今回は、CSSでアニメーションを作る時の手順を解説していきたいと思います。
朱夏
画面が表示されたときにタイトルがフェードインしたり、常に動き続けたりしている様なアニメーションの作り方...
CSS 【CSS】位置や幅を決める時に使われるプロパティをまとめてみた
こんにちは朱夏です。
今回は、CSSで位置や幅を決める時に使われるプロパティについてまとめてみました。
朱夏
位置や幅を決めるプロパティをまとめて覚えておいたら今後の役に立ちそう。
...
CSS 【CSS】transformで要素を変形させる方法
こんにちは朱夏です。
今回は、CSSの「transform」を使って、要素を変形させる方法を解説してみました。
朱夏
要素を回転させたり変形させたりしてみたい。
「transf...
CSS 【CSS】list-style-typeの種類が思ったより多かった話
こんにちは朱夏です。
今回は、CSSのリスト要素の点の部分を変更できる「list-style-type」についての話をしていきたいと思います。
朱夏
リストのスタイルって点と数字くらいじゃないの？
...
CSS 【CSS】marginとpaddingの違いとは？要素と要素の間の話【初心者向け】
こんにちは朱夏です。
今回は、CSSの「margin」と「padding」の話をしたいと思います。
朱夏
marginとpaddingってどっちがどっちか解らなくなる。
どうやって使い分けたらいいんだろう...