http://www.tutorialspoint.com/css/css_dimension.htm
css3圆角 时间:2021-02-11 阅读:()
Copyrighttutorialspoint.
comCSS-DIMENSIONCSS-DIMENSIONYouhaveseentheborderthatsurroundseveryboxie.
element,thepaddingthatcanappearinsideeachboxandthemarginthatcangoaroundthem.
Inthistutorialwewillhowwecanchangethedimensionsofboxes.
Wehavethefollowingpropertiesthatallowyoutocontrolthedimensionsofabox.
Theheightpropertyisusedtosettheheightofabox.
Thewidthpropertyisusedtosetthewidthofabox.
Theline-heightpropertyisusedtosettheheightofalineoftext.
Themax-heightpropertyisusedtosetamaximumheightthataboxcanbe.
Themin-heightpropertyisusedtosettheminimumheightthataboxcanbe.
Themax-widthpropertyisusedtosetthemaximumwidththataboxcanbe.
Themin-widthpropertyisusedtosettheminimumwidththataboxcanbe.
TheHeightandWidthPropertiesTheheightandwidthpropertiesallowyoutosettheheightandwidthforboxes.
Theycantakevaluesofalength,apercentage,orthekeywordauto.
HereisanexampleThisparagraphis400pixelswideand100pixelshighItwillproducethefollowingresultTheline-heightPropertyTheline-heightpropertyallowsyoutoincreasethespacebetweenlinesoftext.
Thevalueoftheline-heightpropertycanbeanumber,alength,orapercentage.
HereisanexampleThisparagraphis400pixelswideand100pixelshighandherelineheightis30pixels.
Thisparagraphis400pixelswideand100pixelshighandherelineheightis30pixels.
ItwillproducethefollowingresultThemax-heightPropertyThemax-heightpropertyallowsyoutospecifymaximumheightofabox.
Thevalueofthemax-heightpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxItwillproducethefollowingresultThemin-heightPropertyThemin-heightpropertyallowsyoutospecifyminimumheightofabox.
Thevalueofthemin-heightpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxItwillproducethefollowingresultThemax-widthPropertyThemax-widthpropertyallowsyoutospecifymaximumwidthofabox.
Thevalueofthemax-widthpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis200pxhighandmaxwidthis100pxThisparagraphis200pxhighandmaxwidthis100pxItwillproducethefollowingresultThemin-widthPropertyThemin-widthpropertyallowsyoutospecifyminimumwidthofabox.
Thevalueofthemin-widthpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis100pxhighandminwidthis400pxThisparagraphis100pxhighandminwidthis400pxItwillproducethefollowingresult
comCSS-DIMENSIONCSS-DIMENSIONYouhaveseentheborderthatsurroundseveryboxie.
element,thepaddingthatcanappearinsideeachboxandthemarginthatcangoaroundthem.
Inthistutorialwewillhowwecanchangethedimensionsofboxes.
Wehavethefollowingpropertiesthatallowyoutocontrolthedimensionsofabox.
Theheightpropertyisusedtosettheheightofabox.
Thewidthpropertyisusedtosetthewidthofabox.
Theline-heightpropertyisusedtosettheheightofalineoftext.
Themax-heightpropertyisusedtosetamaximumheightthataboxcanbe.
Themin-heightpropertyisusedtosettheminimumheightthataboxcanbe.
Themax-widthpropertyisusedtosetthemaximumwidththataboxcanbe.
Themin-widthpropertyisusedtosettheminimumwidththataboxcanbe.
TheHeightandWidthPropertiesTheheightandwidthpropertiesallowyoutosettheheightandwidthforboxes.
Theycantakevaluesofalength,apercentage,orthekeywordauto.
HereisanexampleThisparagraphis400pixelswideand100pixelshighItwillproducethefollowingresultTheline-heightPropertyTheline-heightpropertyallowsyoutoincreasethespacebetweenlinesoftext.
Thevalueoftheline-heightpropertycanbeanumber,alength,orapercentage.
HereisanexampleThisparagraphis400pixelswideand100pixelshighandherelineheightis30pixels.
Thisparagraphis400pixelswideand100pixelshighandherelineheightis30pixels.
ItwillproducethefollowingresultThemax-heightPropertyThemax-heightpropertyallowsyoutospecifymaximumheightofabox.
Thevalueofthemax-heightpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxThisparagraphis400pxwideandmaxheightis10pxItwillproducethefollowingresultThemin-heightPropertyThemin-heightpropertyallowsyoutospecifyminimumheightofabox.
Thevalueofthemin-heightpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxThisparagraphis400pxwideandminheightis200pxItwillproducethefollowingresultThemax-widthPropertyThemax-widthpropertyallowsyoutospecifymaximumwidthofabox.
Thevalueofthemax-widthpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis200pxhighandmaxwidthis100pxThisparagraphis200pxhighandmaxwidthis100pxItwillproducethefollowingresultThemin-widthPropertyThemin-widthpropertyallowsyoutospecifyminimumwidthofabox.
Thevalueofthemin-widthpropertycanbeanumber,alength,orapercentage.
NOTEThispropertydoesnotworkineitherNetscape7orIE6.
HereisanexampleThisparagraphis100pxhighandminwidthis400pxThisparagraphis100pxhighandminwidthis400pxItwillproducethefollowingresult
- http://www.tutorialspoint.com/css/css_dimension.htm相关文档
- 学时css3圆角
- 设计css3圆角
- 广西css3圆角
- 支持css3圆角
- 产品css3圆角
- 圆弧css3圆角
Vultr新注册赠送100美元活动截止月底 需要可免费享30天福利
昨天晚上有收到VULTR服务商的邮件，如果我们有清楚的朋友应该知道VULTR对于新注册用户已经这两年的促销活动是有赠送100美元最高余额，不过这个余额有效期是30天，如果我们到期未使用完的话也会失效的。但是对于我们一般用户来说，这个活动还是不错的，只需要注册新账户充值10美金激活账户就可以。而且我们自己充值的余额还是可以继续使用且无有效期的。如果我们有需要申请的话可以参考"2021年最新可用Vul...
georgedatacenter39美元/月$20/年/洛杉矶独立服务器美国VPS/可选洛杉矶/芝加哥/纽约/达拉斯机房/
georgedatacenter这次其实是两个促销，一是促销一款特价洛杉矶E3-1220 V5独服，性价比其实最高；另外还促销三款特价vps，georgedatacenter是一家成立于2019年的美国VPS商家，主营美国洛杉矶、芝加哥、达拉斯、新泽西、西雅图机房的VPS、邮件服务器和托管独立服务器业务。georgedatacenter的VPS采用KVM和VMware虚拟化，可以选择windows...
腾讯云轻量服务器两款低价年付套餐 2核4GB内存8M带宽 年74元
昨天，有在"阿里云秋季促销活动 轻量云服务器2G5M配置新购年60元"文章中记录到阿里云轻量服务器2GB内存、5M带宽一年60元的活动，当然这个也是国内机房的。我们很多人都清楚备案是需要接入的，如果我们在其他服务商的域名备案的，那是不能解析的。除非我们不是用来建站，而是用来云端的，是可以用的。这不看到其对手腾讯云也有推出两款轻量服务器活动。其中一款是4GB内存、8M带宽，这个比阿里云还要狠。这个真...
css3圆角为你推荐
-
JAN-201f20;BACKGROUND-COLOR:#4ae2f7">16可現場列印的全自動單面和雙面印相機重要产品信息指南支持ipad支持ipadx-routerx-arcsinx的等价无穷小是什么？fusioncharts如何自定义FusionCharts图表上的工具提示？fusionchartsfusioncharts曲线图怎么默认显示数量canvas2七尾奈留除了DC canvas2 sola EF 快乐小兔幸运草 以外改编成动画的作品有哪些？联通iphone4联通iphone4怎么样,好不好用?