CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

RSS

  • 受付中

    回答
    3

    おすすめの 開発者向けブラウザ・ツール・エディタ

    [!]内容を修正しました [√] おすすめの開発者向けブラウザ・ツール・エディタを教えてください(><) 欲しい機能 編集内容をリアルタイムで反映! テキストエディタみたいに修正・上書きが簡単にできる パネル・ペインの切り替えもショートカットで楽々! プロジェクトフォルダ・ファイルをツールにいちいち登録しなくても使える

    • -3評価
    • 116PV
    -1an.vvks- -1an.vvks- 11時間前
  • 解決済

    回答
    1

    【css】display:flexで横並びにしたboxがwrapで折り返した際に上下の隙間が空くよう...

    いつもお世話になっております。 前提・実現したいこと display:flexにて5つの要素が横並びになるといったものを作成しております。 flex-wrap:wrapを指定し、画面サイズが小さくなった際には 複数行に折り返すようにしたく、下記のようにcss、htmlを組みました。 しかし、下記のコードではboxが折り返した際に上と下のbo

    • 0評価
    • 52PV
    mimoshi_work mimoshi_work 10時間前
  • 解決済

    回答
    2

    ul li(リスト)を中央に表示したい。

    わかりやすく色付けをしているのですが、赤色で塗りつぶしている部分を、黒塗りの中で中央に動かしたいのですが、右側に寄ったままで、うまくいきません。 御指南頂けますと幸甚です。 <div id = "misaki-lesson"> <ul> <li> <a class="misaki-link" href="/lessons/3"

    • 0評価
    • 341PV
    innjera innjera 2日前
  • 解決済

    回答
    1

    jQuery+CSS3で固定ナビゲーション→ハンバーガーメニューでリンク内ページの場合メニューが閉じ...

    http://www.webopixel.net/javascript/1060.html このページを参考にハンバーガメニューを実装しました。 通常の動作は問題ありませんが、 リンク内ページ遷移を行うと、 ドロップダウンしたメニューが閉じません。 ハンバーガーメニューの×ボタンをクリックすると、 ドロップダウンしたメニューはアニメーショ

    • 0評価
    • 373PV
    YuriYamazaki YuriYamazaki 2日前
  • 解決済

    回答
    3

    DIVタグ と SPANタグ の使い方

    [√] DIVタグやSPANタグを使っても良いのか? 「div,spanタグ内のコンテンツに意味は無い」 → じゃあ、中身のあるdivはsectionに置き換えよう! → あれ? spanはどうしよう? という状況です [√] 詳細 Colissさんの記事(2015年10月14日)で、 div要素内のコンテンツは本質的に無

    • 1評価
    • 566PV
    -1an.vvks- -1an.vvks- 5日前
  • 解決済

    回答
    2

    vertical-align: middleが効かない

    添付のピンク背景部分の文字を垂直真ん中にしたいのですが、 vertical-align: middleが効かず、修正点をご教示頂けますと幸甚です。 コード記載の.trytryが原因とは思っています。 <div class="card misaki-class-card"> <div class="card-header danger-misa

    • 0評価
    • 334PV
    innjera innjera 4日前
  • 受付中

    回答
    3

    HTML5 heightのレスポンシブ対応をどうやってやればいいですか?

    おせわになっております。 助けてください。。 HTML5で現在、レスポンシブ対応のサイトを作っています。 ウインドウを縦、横に動かしてもサイトがその幅に合わせて伸縮するといいますか、 あんまり文章が思いつかず申し訳ないですが、 そのようなことをしたいのです。 その際、CSSで幅と高さを%表示にて レスポンシブさせようとしているのです

    • 0評価
    • 204PV
    sakura_k sakura_k 3日前
  • 解決済

    回答
    1

    【Swiper】でスライダーをアレンジしたい

    いつもお世話になっております。 【Swiper】を使って、下記のようなスライダーを作成したいのですが、 上手く作成できず、悩んでおります。 ■作成したいスライド ・フル画面 ・自動で動く ・レスポンシブ対応 ・prevとnextのボタンは赤のスライドの左右に配置 ・緑と青のスライドは半透明(opacity:0.8くらいのイ

    • 0評価
    • 68PV
    abiscoa abiscoa 5日前
  • 受付中

    回答
    2

    liを使って横並びにする方法

    ulとliを使って画像左のようなコーディングをしたいです。 画面幅を変えてもこのレイアウト表示になります。 (画面幅を変えても緑のマージンが変わらない) 自分が作業すると緑のマージンが変わってしまいます・・。。画像左です。 nth-childを使ってフロートさせています。 画像左のようなコーディングはdivを使えばできるのですが、l

    • 0評価
    • 336PV
    takamiii_158cm takamiii_158cm 6日前
  • 解決済

    回答
    3

    兄弟要素で、左に3段右に1段のレイアウトは実現可能でしょうか

    以下の図のようなレイアウトにしたいのですが、 要素A~Dを兄弟要素だけで実現することは可能でしょうか? (左の要素A~Dを更に別の要素で囲む、ということは無しで) 具体的なHTMLは図の下に記載します。 よろしくお願いします。 <div class="parent"> <div class="yousoA">要素A</div> <d

    • 0評価
    • 334PV
    nae_stage nae_stage 1週間前
  • 受付中

    回答
    1

    CSS レイアウト 単に複雑なレイアウト

    全体は水平中央整列、図のboxは垂直中央寄せ、1から11までのコンテンツは水平中央整列。 boxとコンテンツには画像やテキストを配置したい。 boxはコンテンツに丁度密着するようにしたい。

    • 0評価
    • 73PV
    konkuro1007 konkuro1007 5日前
  • 受付中

    回答
    0

    image_tagとbackground-image:urlを組み合わせて使いたいです。

    前提・実現したいこと railsにおいて、背景画像をimage_tagとbackground-imageを組み合わせて表示したいです。 以下の条件を満たすためです。 【条件】 ①表示する画像の縦横比は元の比と同じにすること。 ②幅⁼高さ,幅≠高さ(縦長,横長)に関わらず一定の枠内に収め、余白を残さないように表示すること。 書き出し

    • 0評価
    • 332PV
    s.k s.k 6日前
  • 受付中

    回答
    0

    browser-syncがcssファイルの変更後更新されない

    https://teratail.com/questions/55217 のつづき browser-syncがcssファイルの変更後更新されないです。 変更は検知しています。 htmlはリロードします。 なぜなのでしょうか? dest-after>browser-sync start --server --files "../src-be

    • 0評価
    • 305PV
    webpage webpage 6日前
  • 解決済

    回答
    2

    CSS : hrにlast-childを効かせるには。

    rubyのeachメソッドを使用して以下htmlを出力しています。 2つ要素を出し、間に線を入れたいためhrを使用しているのですが、添付写真の通り、2つ目の終わりにも当然hrが適用されてしまいます。1つ目の終わりにだけhrを適用したいのですが、例えば、hr class = "@@@"としてもlast-childは効かないと認識しています。 どうすれば

    • 0評価
    • 45PV
    innjera innjera 1週間前
  • 解決済

    回答
    1

    stellar.js(パララックス jqueryプラグイン)をPCでのみ使いたい

    jqrury全くの初心者です。 stellar.jsというプラグインを使って、初めてパララックスのサイトを作ろうとしています。 PCでのみパララックス表示にして、タブレットやスマホ(ウィンドウサイズで判断する)では固定にしたいと考えています。 元々、htmlに下記の指定で動いていました。 <script> $(function(){

    • 0評価
    • 38PV
    korokorota korokorota 1週間前
  • 解決済

    回答
    2

    縦横比が違う画像と同じ画像を縦横比をそろえて表示したいです。

    前提・実現したいこと 縦横比が違う画像と同じ画像を縦横比をそろえて表示したいです。 例えば、幅×高さで以下の二つを同じ200px200pxで表示する場合です。 ①2000×1333 ②160×160 発生している問題・エラーメッセージ 上記例の場合だと、幅はそろえることができるのですが、 高さが合いません… 【幅=高さ】

    • 0評価
    • 423PV
    s.k s.k 1週間前
  • 受付中

    回答
    0

    postssでこのようなことはできないでしょうか?:root {--fixed-box-height...

    postssでこのようなことはできないでしょうか?:root {--fixed-box-height: 取得した高さ;} jquery使うしかないですかね? https://www.npmjs.com/package/postcss-calc を見ると取得するような機能は記載がないのでおそらく無理なのかなと思っていますが、もしあれば教えてくださ

    • 0評価
    • 306PV
    webpage webpage 1週間前
  • 解決済

    回答
    1

    同じコードを記載しても画像サイズが一定にならない

    Instagram APIから画像を抜き出しています。 htmlとcssは以下の通り全て共通なのですが、取り出してくる写真によって画像部分の縦の長さが一定になりません。(全体の縦横の長さは一定になっています。) 解決方法わからず、誤りご指摘頂けますと幸甚です。 *全て同じコードですので、1枚分のみ記載します。 <div class =

    • 0評価
    • 49PV
    innjera innjera 1週間前
  • 解決済

    回答
    1

    Monacaで絵巻アプリを作りたい

    前提・実現したいこと ・右から左へ横スクロールする、昔話の絵巻物アプリをフルスクリーンで作成したいです。 ・画像は数十枚に分けてつなぎあわせ、スクロール直前に読み込まれるようにしたい(遅延読み込み) ・画像は機種ごとに用意するのではなく同じ画像をCSSで縦横100%指定して使い回したい ・スクロールはゆるやかに減速する気持ちのよいものにしたいです。

    • 0評価
    • 68PV
    wataco wataco 1週間前
  • 解決済

    回答
    1

    Chartkickのサイズを変更できないです。

    前提・実現したいこと chartkickのサイズを変更したいです。 正規の方法でサイズを変更を試みましたが、変更できなかったのでご相談させていただきます。 該当のソースコード 少し複雑な流れですが、、、 以下の流れでchartkickを表示しています。 【users/show】 <div> <div> ・ ・

    • 0評価
    • 37PV
    s.k s.k 1週間前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    4146

  • 総質問数

    805

  • 今週の質問数

    15

関連するタグ

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る