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圆角
快云科技：香港沙田CN2云服务器低至29元/月起;美国高防弹性云/洛杉矶CUVIP低至33.6元/月起
快云科技怎么样?快云科技是一家成立于2020年的新起国内主机商，资质齐全 持有IDC ICP ISP等正规商家。云服务器网(yuntue.com)小编之前已经介绍过很多快云科技的香港及美国云服务器了，这次再介绍一下新的优惠方案。目前，香港云沙田CN2云服务器低至29元/月起;美国超防弹性云/洛杉矶CUVIP低至33.6元/月起。快云科技的云主机架构采用KVM虚拟化技术，全盘SSD硬盘，RAID10...
LOCVPS新上日本软银线路VPS,原生IP,8折优惠促销
LOCVPS在农历新年之后新上架了日本大阪机房软银线路VPS主机，基于KVM架构，配备原生IP，适用全场8折优惠码，最低2GB内存套餐优惠后每月仅76元起。LOCVPS是一家成立于2012年的国人VPS服务商，提供中国香港、韩国、美国、日本、新加坡、德国、荷兰、俄罗斯等地区VPS服务器，基于KVM或XEN架构(推荐选择KVM)，线路方面均选择国内直连或优化方案，访问延迟低，适合建站或远程办公使用。...
免费注册宝塔面板账户赠送价值3188礼包适合购买抵扣折扣
对于一般的用户来说，我们使用宝塔面板免费版本功能还是足够的，如果我们有需要付费插件和专业版的功能，且需要的插件比较多，实际上且长期使用的话，还是购买付费专业版或者企业版本划算一些。昨天也有在文章中分享年中促销活动。如今我们是否会发现，我们在安装宝塔面板后是必须强制我们登录账户的，否则一直有弹出登录界面，我们还是注册一个账户比较好。反正免费注册宝塔账户还有代金券赠送。 新注册宝塔账户送代金券我们注册...
css3圆角为你推荐
万网虚拟主机 抗投诉vps主机 域名服务器上存放着internet主机的 域名备案号查询 申请免费域名 sharktech 国外空间 本网站在美国维护 炎黄盛世 百兆独享 web服务器的架设 域名评估 服务器监测 in域名 云营销系统 贵阳电信 atom处理器 域名转入 攻击服务器 宿迁服务器 更多