HTML・CSS | Page 7 of 7 | 自動化する会社　オートプロジェクト

Columnコラム

TOP
コラム一覧
HTML・CSSの一覧

2022.12.27
HTML・CSS

明奈

CSSで長い文章を省略する方法

今回は、下記例示のようにCSSで規定の幅から文字数が多いためにはみ出てしまうテキストを省略する方法です。 See the Pen Untitled by 林 (@hayashi-akina) on CodePen. 下記のコードをいれるだけで、長い文章を「…」に省略してくれます。 .text { white-space: nowrap; overflow:
READ MORE
2022.12.15
HTML・CSS

明奈

CSS1行だけで、スムーズスクロールが可能になる方法

スムーズスクロールとは、サイトをタップするだけでアンカーを付けた箇所に画面が滑らかに移動する動きのことです。今回は、JavaScriptを使用せず、スムーズスクロールをCSSだけで実装する方法を紹介します。 html{ scroll-behavior: smooth; } このスムーズスクロールは、ランディングページのナビメニューを設定する際などに
READ MORE
2015.05.29
HTML・CSS

みわ

HTMLファイルでPHPを実行する

既にHTMLファイルで作られたウェブサイトがあった場合でも、そのHTMLファイルをPHPプログラムとして動作させることが可能です。静的な既存ウェブサイトをいかすことができ、システム開発費用を抑えることができるというメリットがあります。 HTMLファイルをPHPと動かすには、.htaccss　ファイルに下記の記述を行うだけです。 AddHandler myphp-script .ph
1. PHP
READ MORE