CSS box model sizes
CSS box model sizes: content, padding, border and margin boxes from a width and height under content-box or border-box.
Answeringour last check, 2026-10-21
1 of 1checks answered this week
468 msmedian answer time
$0.02listed price per call
$0.02price it asked us
Paid test badge: not yet. The checks above are free: we call the tool without paying and read the payment request it sends back. The Verified badge needs paid calls whose answers match the promised output, and nobody can buy a badge.
Endpoint
GET https://css-design-calc.x402tookit.com/box-size
| Category | Everything else |
|---|---|
| Provider host | css-design-calc.x402tookit.com |
| Networks | eip155:137, eip155:42161, eip155:8453, solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp |
| Payment schemes | exact |
| Self-reported calls, 30 days | 1 from 1 payers (the provider's figure, not ours) |
Our checks, last 30 days
| Day | Result | HTTP | Asked | Time |
|---|---|---|---|---|
| 2026-10-21 | valid payment request | 402 | $0.02 | 468 ms |
Example input (from the provider)
{
"method": "GET",
"queryParams": {
"border": 2,
"boxSizing": "content-box",
"height": 200,
"margin": 10,
"padding": 20,
"width": 300
},
"type": "http"
}
Promised output schema (from the provider)
{
"$schema": "https://json-schema.org/draft/2020-12/schema",
"properties": {
"input": {
"additionalProperties": false,
"properties": {
"method": {
"enum": [
"GET"
],
"type": "string"
},
"queryParams": {
"properties": {
"border": {
"description": "Border on each side, px (default 0)",
"type": "number"
},
"boxSizing": {
"description": "content-box (default) or border-box",
"enum": [
"content-box",
"border-box"
],
"type": "string"
},
"height": {
"description": "The CSS height value, px (default = width)",
"type": "number"
},
"margin": {
"description": "Margin on each side, px (default 0)",
"type": "number"
},
"padding": {
"description": "Padding on each side, px (default 0)",
"type": "number"
},
"width": {
"description": "The CSS width value, px",
"type": "number"
}
},
"required": [
"width"
],
"type": "object"
},
"type": {
"const": "http",
"type": "string"
}
},
"required": [
"type",
"method"
],
"type": "object"
},
"output": {
"properties": {
"example": {
"properties": {
"asOf": {
"type": [
"null",
"string"
]
},
"borderBoxHeight": {
"type": [
"null",
"number"
]
},
"borderBoxWidth": {
"type": [
"null",
"number"
]
},
"boxSizing": {
"type": [
"null",
"string"
]
},
"contentHeight": {
"type": [
"null",
"number"
]
},
"contentWidth": {
"type": [
"null",
"number"
]
},
"degraded": {
"type": [
"boolean",
"null"
]
},
"disclaimer": {
"type": [
"null",
"string"
]
},
"marginBoxHeight": {
"type": [
"null",
"number"
]
},
"marginBoxWidth": {
"type": [
"null",
"number"
]
},
"notChecked": {
"items": {
"type": "string"
},
"type": [
"array",
"null"
]
},
"paddingBoxHeight": {
"type": [
"null",
"number"
]
},
"paddingBoxWidth": {
"type": [
"null",
"number"
]
},
"reasons": {
"items": {
"type": "string"
},
"type": [
"array",
"null"
]
},
"source": {
"type": [
"null",
"string"
]
},
"summary": {
"type": [
"null",
"string"
]
},
"verdict": {
"type": [
"null",
"string"
]
},
"widthToSetForBorderBox": {
"type": [
"null",
"number"
]
},
"widthToSetForContentBox": {
"type": [
"null",
"number"
]
}
},
"type": "object"
},
"type": {
"type": "string"
}
},
"required": [
"type"
],
"type": "object"
}
},
"required": [
"input"
],
"type": "object"
}