元ダメ人間がパソコンを一から学び、独学でエンジニアに。YouTubeではアップスターツで動画投稿をしています。2017年9月12日FacebookTwitterはてブPocketFeedlyこんにちは!UPSTARTSのSベンです!今回は「境界線」についての内容です。こちらのhtmlにスタイルをあてていきます。要素の外側に線を付けたい時などに使うプロパティになります。上記のようにプロパティを一つずつ指定する方法と、borderで上記のプロパティをまとめて指定する事もできます。一つずつ指定する方法ではまずプロパティを一つずつ指定する方法から見ていきましょう。solid;}上記の指定では、青い2pxの実線が付きます。border-styleですが、この他にも二重線や点線、破線などいろいろ種類がありますので気になる方は調べてみてください。今度は先ほど3行で書いたソースを、1行で書いてみます。blue;}表示は先ほどと変わりません。このようにborderでまとめて記述することもできます。最後にborder-radiusですが、こちらは線の角丸の指定になります。このプロパティを使うことにより、線の角を丸く表現することが可能です。ソースを見ていきましょう。5px;}とがっていた角に丸みを付けることができたかと思います。角丸にすることでシャレオツな雰囲気を出すことができます。今回は境界線となる「border」プロパティについてやっていきました。次回は「テキスト関連」についてです。UPSTARTSのSベンです。アップスターツのSベンです。