CSS3

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

RSS
  • 受付中

    回答
    0

    sassの関数をブレイクポイントで条件分岐させたい

    前提・実現したいこと sassで自作の関数を作る際、ブレイクポイントで条件分岐させるコードを作りたいのですが、 どのようにやればいいかよく分からず困っております。 下記のようなコードを上手く動くような形にするのは不可能なのでしょうか? 教えていただけると助かります。 //3つ関数を作れば簡単なのですがこれを出来れば1つにまとめたい @function

    • 0評価
    • 16PV
    kihara kihara 55分前に 質問
  • 受付中

    回答
    0

    Bootstrap3で勝手に .containerクラスが付いている

    ホームページを作成するのにBootstrap3を使っていて画面全体にジャンボトロンや <div> の塗りつぶしを広げたいのですが、以下のコードのように class="container"、あるいはclass="container-fluid"をつけていないにも関わらず画像のように勝手にclass="container" が追加されてしまいます。 どうすればよ

    • 0評価
    • 13PV
    totororon totororon 1時間前に 質問
  • 受付中

    回答
    3

    親要素に子要素の背景をつける事は可能でしょうか?

    初心者の質問です。 質問内容が無理難題でしたら、申し訳ありません。 親要素に子要素が重なるような背景を CSSで記述することは可能でしょうか? <注意事項> ※背景用のDIV(要素)を加えることはできない場合 ※レスポンシブに対応したCSS ※子要素の内容が増えると合わせて背景も長くなる

    • 0評価
    • 202PV
    namnium1125 namnium1125 10時間前に 回答を編集
  • 受付中

    回答
    1

    bootstrapのタブ型のボタンを切り替えたい

    Bootstrapを使用してタブを押した際の表示切り替えを行いたいのですがやり方がよく分かりません activeクラスをliなどに付けるとタブのコンテンツが 表示されることはわかるのですが、どのようにして付けるのかが分からないです。 ふつつか者ですが、よろしくお願い致します。

    • 0評価
    • 29PV
    x_x x_x 18時間前に 回答
  • 受付中

    回答
    2

    textareaを使うと、デフォルトで先頭に空白が入る

    前提・実現したいこと textareaを使うと、デフォルトで先頭に空白が入ってしまい、取り除けません。 該当のソースコード <textarea name="message" placeholder="※コメントお願いします。" > </textarea>

    • 0評価
    • 74PV
    m6u m6u 22時間前に 回答
  • 受付中

    回答
    2

    チェックボックスのデータを保持したい

    チェックボックスのデータを保持したいのですが、 記述の方法がわかりません。

    • -2評価
    • 63PV
    yambejp yambejp 1日前に 回答
  • 受付中

    回答
    1

    Bootstrapの使い方について(初心者です)

    Bootstrapのカラムについて、smが24になっていることがあるのですが、 12ではないのですか。lgやmdは12ですよね。

    • -2評価
    • 58PV
    mts10806 mts10806 1日前に 回答
  • 解決済

    回答
    3

    CSSのfloatとdisplayの違い

    実現したいこと CSSで以下の3つの要素を横並びに配置したいと考えています。 要素1: アイコン+1行の文字 要素2: 改行された2行の文字列 要素3: 1行の文字 わからないこと 要素を横並びにするには、floatやdisplay(block、inline、inline-block、table-cell)があるというのはわかりましたが、floatと

    • 1評価
    • 103PV
    ViiiiiN ViiiiiN 1日前に ベストアンサー
  • 受付中

    回答
    1

    Progateの「HTML & CSS 道場コース 初級編」の「お問い合わせフォームを作ろう」という...

    こんばんは。お世話になります。 Progateの「HTML & CSS 道場コース 初級編」の「お問い合わせフォームを作ろう」という問題です。 contact-formクラスの中のsection-titleクラスの「お問い合わせ」というテキストが左端にきません。また、contact-formクラスとcontents-itemクラスの間にpadding-t

    • 0評価
    • 46PV
    kszk311 kszk311 1日前に 回答
  • 解決済

    回答
    3

    親要素のfloatが効かないのは、2重で浮くが使えないためか?

    実現したいことは自己解決はしたものの、なぜこのコードの場合だとできない原因がよく分からないので調べ方などを教えてください。 CSS *{ margin:0; padding:0; } #wrapper{ width:900px; margin:80px auto auto auto; } #header{ back

    • 0評価
    • 95PV
    yoshinavi yoshinavi 1日前に ベストアンサー
  • 解決済

    回答
    1

    見出しと画像を横2列に並べたい。

    見出しと画像を横並びにしたいのに、改善されません。あまりにも時間がかかりすぎてるので、質問させていただきました。 <article> <div class="shohin"> <ul class="img"> <li><img src="images/shouhin.gi

    • 0評価
    • 353PV
    pon12 pon12 1日前に ベストアンサー
  • 解決済

    回答
    1

    bootstrap4のcontainer-fluidでサイドバースライドメニューの中でのfooter...

    前提・実現したいこと bootstrap4でcontainer-fluidでサイドバースライドメニューの中でのfooter固定(コンテンツ少ない場合は、下固定、多い場合はなりゆき)を実現したいと考えています。 下記のコードの中でwrapperより下にfooterを記入した場合は実現できるのですが、スライドメニューをスライドさせると、一緒に動かず、wra

    • 0評価
    • 61PV
    yajin yajin 2日前に コメント
  • 解決済

    回答
    2

    メニューアイコンをクリックしたら下にメニューをスライドで表示させたい。

    jQueryを使用してアイコンをクリックするとリストが出現する(アイコンが右上にあるので、リストも右寄せで)というメニューを作りたいのですが、上手くできません(クリックしても表示されない)。 調べてもどこが間違っているのかわからなかったので、どなたか教えていただけないでしょうか? web制作およびjQuery初心者につき、おかしな記述などございましたら、ご指

    • 0評価
    • 150PV
    aazzkk aazzkk 2日前に コメント
  • 解決済

    回答
    1

    見出しと画像を横2列に並べたい。(コード内容に訂正があったので、再度投稿)

    float段ズレを解消したいのですが、改善されません。 <article> <div class="shohin"> <ul class="img"> <li><img src="images/shouhin.gif" alt=""></li>

    • -1評価
    • 46PV
    pon12 pon12 2日前に コメント
  • 受付中

    回答
    0

    スロットゲームのリール回転部分をcss transformアニメーションに変更したい

    javascriptでスロットゲームを制作しています。リールの回転部分をcss transformを使用したアニメーションに変更しようとしているのですが、リールが上へ下へ不規則に動いたり、リールが画面上から消えてしまったりと上手くいきません。 具体的にどこに問題があるのか、解決方法をご教授よろしくお願いいたします。 【変更前のソースコード】※質問内容と関係の

    • 0評価
    • 46PV
    teratailが3日前に アップデート
  • 受付中

    回答
    1

    レスポンシブデザインが実機でうまく効いてくれません

    現在、WEBページの制作を行なっているのですが、スマホ用とPC用で、 トップページの画像を切り替える、と行ったような実装を行なっております。 しかし、PCのブラウザ(chromeやsafari)のレスポンシブモードではうまく表示が切り替わるのに、 実機(iphone7)で見るとうまく表示が切り替わっていません。 (chromeやsafariのレスポンシブ

    • 0評価
    • 336PV
    sk_3122 sk_3122 4日前に 回答
  • 解決済

    回答
    1

    display:table;とdisplay:table-cell;を使って文章と画像を横並びさせる...

    CSS *{ margin:0; padding:0; } #wrapper{ width:900px; margin:80px auto auto auto; } #header{ background-color:#000; color:#FFF; padding:30px 20px; } #c

    • 0評価
    • 53PV
    EBOOT.PBP EBOOT.PBP 6日前に ベストアンサー
  • 解決済

    回答
    2

    CSS3のfont-sizeについて

    前提・実現したいこと HTML5,CSS3でWebページ作成の学習をしています。 CSS3側でfont-sizeを指定して、文書全体の文字サイズをコントロールしたいのですが、html要素をセレクタにしてfont-sizeを指定しても文字サイズが変わりません。 bodyをセレクタにすれば、可能なのですが。 リセットのCSSのリンクを切ったりしてみても

    • 0評価
    • 354PV
    defghi1977 defghi1977 6日前に コメント
  • 受付中

    回答
    4

    スマホ用ページはどう分けるべきか?

    かなり昔から運営しているサイトがあります。 元々PCで閲覧することを前提にして作ったデザインで、今となっては少々レガシーなHTMLと見た目ですが、一応あるワードでGoogle検索1位になっています。 近年これをスマホ対応してくれという要望が多くあるのですが、スマホ用ページを用意する上でGoogle様に嫌われないベストなやり方はどうするのが最善だと思います

    • -1評価
    • 122PV
    yoshinavi yoshinavi 1週間前に 回答
  • 解決済

    回答
    1

    複数のimgをセンターに持ってくる

    <div class="section"> <img style="width:350px" src="juice.png"> <h2>おいしいジュースの作りかた</h2> <p>こちらのレシピを参考に</p>

    • 0評価
    • 325PV
    tidavest tidavest 1週間前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    5580

  • 総質問数

    1586

  • 今週の質問数

    17

タグ別ランキング

タグ別ランキング

タグ別ランキング

関連するタグ

CSS3タグのよく見られている質問

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