ネタ的なの書いていませんでしたので書いてみようと思います。表示する際に吹き出し的な見た目を作る場合に使われたりする、下記のような部分のことです。簡単に再現する方法を解説してみます。付け方でカラーやサイズなどを簡単に適用できるようにしてみましょう。サンプルも紹介しておきますので参考まで。プロパティを使用して三角形を作ります。疑似要素を使用しています。名はとりあえずで付けてますが、汎用性の高い感じにしておくと使い回しするときに便利です。付与すると、下記のような感じになりますね。右側に三角形がある吹き出しっぽい見た目にしてみる</div>これを実際にブラウザで表示してみると下記のようになります。三角形が描写されているのがわかります。書き足してみましょう。-8px;}ここまでやると、下記のような見た目になります。上に三角形が配置されます。要素のたてサイズに対して上下中央に配置します。この辺は単なる計算の問題なので詳しい説明も不要かと。あとは、適当にスタイルを調整すれば、下記のような吹き出しができあがります。カラーやサイズなどを調整すれば様々なタイプの三角形を再現することができますね。プロパティを使った三角形の描写について簡単に理屈だけ解説しておきます。要素に下記のようなスタイルを当ててみましょう。#00f;}すると、左図のような状態になると思います。残り、下向きの矢印になると。値を調整することで三角形のサイズも変えることができます。程度とか、吹き出しで使うならもう少し大きめにとかですね。付与だけで三角形を表示したりできて楽です。書き方は好みがあると思いますが、例えば上下左右、各方向への吹き出しを作りたいとかなら下記のような感じとか。名を変更するだけで、簡単に吹き出しのような見た目のベースを作ることができます。これも好みによって書き方は調整すればよいと思いますが参考まで。}}初期値とかは適当に変更してください。left);}コンパイルすれば下記のようになります。50%;}最初に挙げた黒ベタの吹き出しを作るなら下記のような感じでしょうか。引数として渡してください。reverse);}下記のようにコンパイルされると思います。冗長な感じになっているかと思いますが、この辺は実際の利用状況にあわせて変えればいいんじゃないでしょうか。マーケティングに関するコンサルティングサービスを提供しています。詳しくはバーンワークス株式会社のサービス案内をご覧ください。いう警告が表示されるようになりました。書いてみましたというお話。通信でのフォーム入力に対してアドレスバーで警告が表示されるようになります。サポートすると発表しました。接続が可能になりました。正式リリースされ、音声の自動再生をデフォルトでブロックする機能が有効になりました。サイトを除いて基本的にミュートされます。サポートなどが行われています。観戦、インターネット、音楽鑑賞、筋トレ、腕時計収集が趣味。好物はゼリー、グミ、お酒、ラーメン。いいね!で最新情報を取得この記事が気に入ったらいいね!してください。最新の記事をお届けします。クリエイターが身につけておくべき新・100の法則。クリエイターが身につけておくべき新・100の法則。(yoshiki.kato@gmail.com)。