"flexbox" meaning in All languages combined

See flexbox on Wiktionary

Noun [English]

Forms: flexboxes [plural]
Etymology: Shortening of flexible box. Etymology templates: {{m|en|flexible box}} flexible box Head templates: {{en-noun|~}} flexbox (countable and uncountable, plural flexboxes)
  1. (web development, uncountable) A CSS3 layout model that allows elements on a web page to be arranged in certain ways within a one-dimensional container. Tags: uncountable Categories (topical): Programming, Web design
    Sense id: en-flexbox-en-noun-BEXSM3de
  2. (web development, countable) An HTML element that uses this model. Tags: countable Categories (topical): Programming, Web design
    Sense id: en-flexbox-en-noun-xI50Sxut Categories (other): English entries with incorrect language header Disambiguation of English entries with incorrect language header: 32 68
The following are not (yet) sense-disambiguated
Synonyms: flex box, flex-box Related terms: responsive

Inflected forms

Download JSON data for flexbox meaning in All languages combined (3.6kB)

{
  "etymology_templates": [
    {
      "args": {
        "1": "en",
        "2": "flexible box"
      },
      "expansion": "flexible box",
      "name": "m"
    }
  ],
  "etymology_text": "Shortening of flexible box.",
  "forms": [
    {
      "form": "flexboxes",
      "tags": [
        "plural"
      ]
    }
  ],
  "head_templates": [
    {
      "args": {
        "1": "~"
      },
      "expansion": "flexbox (countable and uncountable, plural flexboxes)",
      "name": "en-noun"
    }
  ],
  "lang": "English",
  "lang_code": "en",
  "pos": "noun",
  "related": [
    {
      "_dis1": "0 0",
      "word": "responsive"
    }
  ],
  "senses": [
    {
      "categories": [
        {
          "kind": "topical",
          "langcode": "en",
          "name": "Programming",
          "orig": "en:Programming",
          "parents": [
            "Computing",
            "Software engineering",
            "Technology",
            "Computer science",
            "Engineering",
            "Software",
            "All topics",
            "Sciences",
            "Applied sciences",
            "Media",
            "Fundamental",
            "Communication"
          ],
          "source": "w"
        },
        {
          "kind": "topical",
          "langcode": "en",
          "name": "Web design",
          "orig": "en:Web design",
          "parents": [
            "Design",
            "World Wide Web",
            "Art",
            "Internet",
            "Culture",
            "Computing",
            "Networking",
            "Society",
            "Technology",
            "All topics",
            "Fundamental"
          ],
          "source": "w"
        }
      ],
      "examples": [
        {
          "text": "Internet Explorer 9 does not support flexbox.",
          "type": "example"
        }
      ],
      "glosses": [
        "A CSS3 layout model that allows elements on a web page to be arranged in certain ways within a one-dimensional container."
      ],
      "id": "en-flexbox-en-noun-BEXSM3de",
      "links": [
        [
          "web development",
          "web development"
        ],
        [
          "CSS",
          "CSS"
        ],
        [
          "layout",
          "layout"
        ],
        [
          "model",
          "model"
        ],
        [
          "element",
          "element"
        ],
        [
          "web page",
          "web page"
        ],
        [
          "arrange",
          "arrange"
        ]
      ],
      "qualifier": "web development",
      "raw_glosses": [
        "(web development, uncountable) A CSS3 layout model that allows elements on a web page to be arranged in certain ways within a one-dimensional container."
      ],
      "tags": [
        "uncountable"
      ]
    },
    {
      "categories": [
        {
          "kind": "topical",
          "langcode": "en",
          "name": "Programming",
          "orig": "en:Programming",
          "parents": [
            "Computing",
            "Software engineering",
            "Technology",
            "Computer science",
            "Engineering",
            "Software",
            "All topics",
            "Sciences",
            "Applied sciences",
            "Media",
            "Fundamental",
            "Communication"
          ],
          "source": "w"
        },
        {
          "kind": "topical",
          "langcode": "en",
          "name": "Web design",
          "orig": "en:Web design",
          "parents": [
            "Design",
            "World Wide Web",
            "Art",
            "Internet",
            "Culture",
            "Computing",
            "Networking",
            "Society",
            "Technology",
            "All topics",
            "Fundamental"
          ],
          "source": "w"
        },
        {
          "_dis": "32 68",
          "kind": "other",
          "name": "English entries with incorrect language header",
          "parents": [
            "Entries with incorrect language header",
            "Entry maintenance"
          ],
          "source": "w+disamb"
        }
      ],
      "examples": [
        {
          "ref": "2012, Sergey Mavrody, Nika Mavrody, Sergey's HTML5 & CSS3: Quick Reference, page 112",
          "text": "The contents of a flexbox can be positioned in any direction, can have their order swapped dynamically, and can auto-adjust their sizes and positions based on available space.",
          "type": "quotation"
        },
        {
          "ref": "2013, Jeremy Foster, CSS for Windows 8 App Development, page 161",
          "text": "There's still quite a bit of tumult in the standards recommendations and implementations for flexboxes, but IE10 and Windows 8 has a good, solid implementation of this extremely helpful layout technique.",
          "type": "quotation"
        },
        {
          "ref": "2014, Andy Harris, HTML5 and CSS3 All-in-One For Dummies",
          "text": "You can nest flexboxes inside each other.",
          "type": "quotation"
        }
      ],
      "glosses": [
        "An HTML element that uses this model."
      ],
      "id": "en-flexbox-en-noun-xI50Sxut",
      "links": [
        [
          "web development",
          "web development"
        ],
        [
          "HTML",
          "HTML"
        ]
      ],
      "qualifier": "web development",
      "raw_glosses": [
        "(web development, countable) An HTML element that uses this model."
      ],
      "tags": [
        "countable"
      ]
    }
  ],
  "synonyms": [
    {
      "_dis1": "0 0",
      "word": "flex box"
    },
    {
      "_dis1": "0 0",
      "word": "flex-box"
    }
  ],
  "wikipedia": [
    "en:CSS Flexible Box Layout"
  ],
  "word": "flexbox"
}
{
  "categories": [
    "English countable nouns",
    "English entries with incorrect language header",
    "English lemmas",
    "English nouns",
    "English uncountable nouns"
  ],
  "etymology_templates": [
    {
      "args": {
        "1": "en",
        "2": "flexible box"
      },
      "expansion": "flexible box",
      "name": "m"
    }
  ],
  "etymology_text": "Shortening of flexible box.",
  "forms": [
    {
      "form": "flexboxes",
      "tags": [
        "plural"
      ]
    }
  ],
  "head_templates": [
    {
      "args": {
        "1": "~"
      },
      "expansion": "flexbox (countable and uncountable, plural flexboxes)",
      "name": "en-noun"
    }
  ],
  "lang": "English",
  "lang_code": "en",
  "pos": "noun",
  "related": [
    {
      "word": "responsive"
    }
  ],
  "senses": [
    {
      "categories": [
        "English terms with usage examples",
        "English uncountable nouns",
        "en:Programming",
        "en:Web design"
      ],
      "examples": [
        {
          "text": "Internet Explorer 9 does not support flexbox.",
          "type": "example"
        }
      ],
      "glosses": [
        "A CSS3 layout model that allows elements on a web page to be arranged in certain ways within a one-dimensional container."
      ],
      "links": [
        [
          "web development",
          "web development"
        ],
        [
          "CSS",
          "CSS"
        ],
        [
          "layout",
          "layout"
        ],
        [
          "model",
          "model"
        ],
        [
          "element",
          "element"
        ],
        [
          "web page",
          "web page"
        ],
        [
          "arrange",
          "arrange"
        ]
      ],
      "qualifier": "web development",
      "raw_glosses": [
        "(web development, uncountable) A CSS3 layout model that allows elements on a web page to be arranged in certain ways within a one-dimensional container."
      ],
      "tags": [
        "uncountable"
      ]
    },
    {
      "categories": [
        "English countable nouns",
        "English terms with quotations",
        "Quotation templates to be cleaned",
        "en:Programming",
        "en:Web design"
      ],
      "examples": [
        {
          "ref": "2012, Sergey Mavrody, Nika Mavrody, Sergey's HTML5 & CSS3: Quick Reference, page 112",
          "text": "The contents of a flexbox can be positioned in any direction, can have their order swapped dynamically, and can auto-adjust their sizes and positions based on available space.",
          "type": "quotation"
        },
        {
          "ref": "2013, Jeremy Foster, CSS for Windows 8 App Development, page 161",
          "text": "There's still quite a bit of tumult in the standards recommendations and implementations for flexboxes, but IE10 and Windows 8 has a good, solid implementation of this extremely helpful layout technique.",
          "type": "quotation"
        },
        {
          "ref": "2014, Andy Harris, HTML5 and CSS3 All-in-One For Dummies",
          "text": "You can nest flexboxes inside each other.",
          "type": "quotation"
        }
      ],
      "glosses": [
        "An HTML element that uses this model."
      ],
      "links": [
        [
          "web development",
          "web development"
        ],
        [
          "HTML",
          "HTML"
        ]
      ],
      "qualifier": "web development",
      "raw_glosses": [
        "(web development, countable) An HTML element that uses this model."
      ],
      "tags": [
        "countable"
      ]
    }
  ],
  "synonyms": [
    {
      "word": "flex box"
    },
    {
      "word": "flex-box"
    }
  ],
  "wikipedia": [
    "en:CSS Flexible Box Layout"
  ],
  "word": "flexbox"
}

This page is a part of the kaikki.org machine-readable All languages combined dictionary. This dictionary is based on structured data extracted on 2024-05-03 from the enwiktionary dump dated 2024-05-02 using wiktextract (f4fd8c9 and c9440ce). The data shown on this site has been post-processed and various details (e.g., extra categories) removed, some information disambiguated, and additional data merged from other sources. See the raw data download page for the unprocessed wiktextract data.

If you use this data in academic research, please cite Tatu Ylonen: Wiktextract: Wiktionary as Machine-Readable Structured Data, Proceedings of the 13th Conference on Language Resources and Evaluation (LREC), pp. 1317-1325, Marseille, 20-25 June 2022. Linking to the relevant page(s) under https://kaikki.org would also be greatly appreciated.